對最近幾天的學(xué)習(xí)做個總結(jié)~
本文主要介紹HTML基本結(jié)構(gòu)標簽。
1.1html基本結(jié)構(gòu)
2.段落?
? ?<p>一個段落</p>
3.標題
? ?共六級：h1~h6（標題由大到?。?/p>
? ?<h1>標題</h1>
4.換行
? ?<br/>
5.列表
? ?ul 無序 ol 有序 li 列表項
6.定義列表
? ?定義說明一個術(shù)語，有dl，dt，dd組合。
? ?dl 定義列表
? ?dt 定義的標題
? ?dd 定義的解釋項
7.排版標記
8.塊與行元素
? ?塊 div :可以包含 塊，行，文本
? ?塊元素標簽：div p h1-h6 ul ol li dl dt dd?
? ?行元素 span:和其他行內(nèi)元素在一行,可以包含其他行內(nèi)元素和文本。
? ?行元素標簽：span i em b strong u del sub sup big small img a
9.特殊符號
? ? 空格
? ?< <
? ?> >
? ?© ?
? ?& &
10.注釋與嵌套
? ?注釋? <!--ctrl+/注釋 -->
? ?標簽是可以嵌套的；
? ?行內(nèi)元素只能嵌套行內(nèi)元素和文本；
? ?塊元素可以嵌套文本、行內(nèi)、 塊；
? ?p元素和h元素通常只嵌套文本和行內(nèi)。
11.屬性
? ?屬性是用來描述html標簽的；
? ?每一個標簽的屬性并不完全相同；
? ?title id style 是每個標簽都有的屬性。
? ?title屬性：鼠標的提示 <p title="鼠標的提示">
? ?style屬性：元素的外觀?<p style="color:; font-size:">
? ?class屬性：元素的類名，可以重復(fù) <p class="red big">
? ?id屬性：元素的唯一識別，有且只有一個 <p id="myp">
12.不可見標簽
? ?是在網(wǎng)頁內(nèi)容不可見，通常會放在標簽里面。
? ?<meta charset="utf-8" /> 讓網(wǎng)頁不亂碼
? ?<meta name="description" content="網(wǎng)頁描述" />
? ?<meta name="keywords" content="網(wǎng)頁關(guān)鍵字"/>
? ?style 樣式 .red{ color: ;font-size: }
13.圖片(img)
? ?<img src="圖片地址 " alt="替換圖片文字 ">
? ?src="./images/t.jpg" ./代碼當前html所在的目錄
14.超鏈接
? ?超鏈接讓各個網(wǎng)頁之間聯(lián)系起來；href 屬性值時鏈接的地址；target 打開目標 ；_blank 新標簽中打開；_self當前標簽打開。
? ?a.相對鏈接：相對于當前html文件的位置
? ? ? ? ? ? ? ? ? ./開頭 當前目錄 （可以省略）
? ? ? ? ? ? ? ? ? ../開頭 上一級目錄
? ? ? ? ? ? ? ? ? ?文件夾或者文件名/ 開頭 （省略一個./）
? ?b.絕對鏈接：http開頭的鏈接
? ? ? ? ? ? ? ? ? ? ? / 開頭代表的是網(wǎng)站的根域名
15.錨點
? ?頁面內(nèi)容切換 <a id="ch01"></a>?
? ?鏈接錨點 <a href="#ch01">
16.iframe
? ?在一個網(wǎng)頁中，引入其他網(wǎng)頁
? ?<iframe src="地址" width="寬" height="高"></iframe>
? ?frameborder="0"框架邊框
17.圖片熱點區(qū)域
? ?作用：形成不規(guī)則的鏈接區(qū)域；圖片畫形狀，添加鏈接；建議，使用dreamweaver 繪制熱點區(qū)域
? ?<img usemap="#Map"
? ?<map name="Map">
? ?<area shape="poly" coords="xxx" href="xxx" target="_blank">
18.table表格
? ?a.完整的表格
? ?<table>
? ? ? ?<thead></thead>
? ? ? ?<tbody></tbody>
? ? ? ?<tfoot></tfoot>
? ?</table>
? ?b.子元素? tr 行?td 列 th 標題列
? ?rowspan 行合并? colspan 列合并
? ?c.屬性
? ?border 邊框
? ?width 寬度
? ?align 對齊? (left right center)
