1. 程式人生 > >JavaWeb總複習——html基礎

JavaWeb總複習——html基礎

標題標籤:

 	< hn>< /hn>
	n取值 :1~6
	h1最大  h6最小
	自動換行 且留白 預設加粗
	常用屬性:
		align:對齊方式
		left:左  right:右 center:居中

字型標籤:(瞭解)規定文字的字型、字型尺寸、字型顏色。

	<font></font>
	常用屬性:
		face:字型
		size:尺寸
		color:顏色
	顏色的取值:(RGB)
		方式1: #xxxxxx  x為16進位制
		方式2: 英文單詞

圖片標籤:★

<img/>
	常用屬性:
		★src:圖片的路徑
		alt:替代文字
		title:移上去顯示的文字
		width:寬
		height:高
	大小的寫法:
		畫素:123px
		百分比:20%
	路徑的寫法:
		相對路徑:
			./ 或者 什麼都不寫  當前目錄
			../  上一級目錄
		絕對路徑:
			帶協議的絕對路徑:
				http://www.itheima.com

列表標籤:

	<ol></ol> 有序
	<ul></ul> 無序
	
	常用的標籤
		<li></li> 列表項

超連結標記:

	<a></a>
		常用屬性:
			href:跳轉路徑
			target:在那裡開啟
				預設值:_self  _blank(在空白頁面開啟)				

表格標籤★

	<table></table>
		常用的子標籤
			<tr>:行
	<tr></tr>
		常用子標籤:
			<td>:列
			<th>:表頭單元格 預設居中加粗
		注意:
			一行必須只有有一個單元格或者一列
	table 的常用屬性:
		border:邊框  畫素值
		width:
		align:表格對齊方式(表格相對於這個父類標籤的對其方式)
	tr 的常用屬性:
		align:內容對齊
	td 的常用屬性:
		align:內容對齊
		colspan:跨列合併 值:合併的列數
		rowspan:跨行合併				

補充:

	轉義字元:
		三部分構成 &實體;
		掌握的轉義字元:
			>	&gt;  //great then
			<	&lt;
			&	&amp;
			空格 &nbsp;

表單:

	常用屬性:
		action:資訊提交的路徑 預設是當前頁面
		method:表單提交的方式
			只需要掌握兩種
				get(預設)和post
			get和post的區別:
				1.get請求會把所有的引數追加在位址列上,post請求不會
				2.get請求引數大小有限制,post請求引數大小沒有限制
				3.post相當於get安全些
	常見的子標籤
		input
		select:下拉選
		textarea:文字域
	
	input標籤
		常用的屬性:
			type:
				text:文字框 預設
				password:密碼框
				radio:單選框				//name屬性必須設定成相同名字,這樣才是一組單選按鈕
				checkbox:多選框
				file:檔案框
				
				submit:提交
				reset:重置
				button:普通按鈕
				
				hidden:隱藏域 在頁面上不顯示 提交的時候可以提交過去
				image:圖片提交 替代submit 
			name:
				可以將幾個單選框(複選框)設定為一組
				要想將資訊儲存到伺服器上必須有name屬性
			readonly:
				readonly="readonly" 只讀
			disabled:
				disabled="disabled" 禁用
			
	select :下拉選
		格式:
			<select name="pro">
				<option>黑龍江</option>
			</select>

	textarea:文字域
		常用的屬性:
			cols:列
			rows:行
	
	
	提交到伺服器的內容的格式:
		key=value&
	對於文字框 密碼框 文字域 手寫的內容傳遞過去了
	對於單選框和多選框來說,卻沒有把值傳遞過去
		要想把值傳遞過去 必須設定value屬性
	若下拉選要想把選中內容的值傳遞過去,請加上value屬性
	
	預設值:
		文字框 密碼框:只需要新增value屬性
		單選框 多選框:新增 checked="checked"
		下拉選:新增selected="selected"	
		文字域:標籤體	

框架(瞭解)

	frameset:規定框架結構  框架集
		常用屬性:
			rows:水平qiege
			cols:垂直切割
		常用子標籤	
			frame:具體實現
			
		例如:水平切割3份
			<frameset rows="15%,*,10%">
				<frame>
				<frame>
				<frame>
			</frameset>
	frame:
		常用的屬性:
			src:具體展示那個網頁
			name:給當前的frame起個名稱 方便超連結使用