一、表格
?????*定義:
????????????1.<table> 標簽。
????????????2.每個表格均有若干行(<tr> 標簽)
????????????3.每行被分割為若干單元格(<td> 標簽)
????????????4.數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等
<table? border="1">
????<tr>
????????<td>圖書管</td>
????????<td>餃子館</td>
????</tr>
????<tr>
????????<td>麻辣燙</td>????????????<td>麻辣香鍋</td>
????</tr>
</table>
二、列表(有序列表ol、無需列表ul、自定義列表dl)
????1.無需列表。
????????a.無序列表始于 <ul> 標簽。每個列表項始于 <li>
? ? ? ? b.列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等
? ??<ul>
? ? ? <li>香菇</li>
? ? ? <li><a >百度</a></li>
? ? ? <li><p>菠菜</p></li>
? ? </ul>
? ? 2.有序列表
? ? ? ? a.有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。
????????b.列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等
三、HTML 塊元素(換行)
? ? 1.大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。
? ? 2.“塊級元素”譯為 block level element,“內(nèi)聯(lián)元素”譯為 inline element。
????例子:<h1>-<h6>, <p>, <ul>, <ol> ,<li> ,<table> ,<div>
? ? 3.<div> 元素
? ? ? ? (a).<div> 元素是塊級元素,通常可用于組合其他 HTML 元素的容器。
? ? ? ? (b).<div> 元素沒有特定的含義,通常與css一同布局樣式使用,簡稱 div+css布局
四、HTML 內(nèi)聯(lián)元素(不換行)
????內(nèi)聯(lián)元素在顯示時通常不會以新行開始。
例子:<b>, <td>, <a>, <img>,<i>,<span>
? ? 1.<span> 元素是內(nèi)聯(lián)元素,可用作文本的容器。
? ? 2.<span> 元素沒有特定的含義。<span> 元素可為部分文本設置樣式。
五、HTML 類(class)
? ? 1.對 HTML 進行分類(設置類),使我們能夠為元素的類定義 CSS 樣式。
? ? 2.為相同的類設置相同的樣式,或者為不同的類設置不同的樣式。
? ??<div>
? ? ? ? ? <div class="one">123</div>
? ? ? ? ? <div class="one">456</div>
? ? ? ? ? <div class="one">789</div>
? ? ? ? ? <div class="two">000</div>
? ? ?</div>
<style>
? ? .one{
? ? ? ? color:red;
? ? ?}</style>
六、HTML id 屬性(唯一)
? ? 1.id?屬性指定 HTML 元素的唯一 ID。?id?屬性的值在 HTML 文檔中必須是唯一。
? ? 2.JavaScript 也可使用它來訪問和操作擁有特定 ID 的元素。
? ? 3.id 的語法是:寫一個井號 (#),后跟一個 id 名稱。然后,在花括號 {} 中定義 CSS 屬性。
<!DOCTYPE html>
<html>
? <head>
? <style>
? ? #myId {
? ? ? color: black;
? ? ? text-align: center;
? ? }
? </style>
? </head>
? <body>
? ? <h1 id="myId">My Header</h1>
? </body>
</html>
七、HTML Iframe
? ? 1.iframe 用于在網(wǎng)頁內(nèi)顯示網(wǎng)頁。
<iframesrc="demo_iframe.htm"width="200"height="200"></iframe>
八、HTML 文件相對路徑與絕對路徑
? ? 1.定義:文件路徑用來描述網(wǎng)站文件夾結(jié)構(gòu)中某個文件的位置,文件包含網(wǎng)頁、圖像、樣式表(css)、JavaScript
? ? 2.絕對路徑:絕對文件路徑是指向一個因特網(wǎng)文件的完整 URL
? ? 例子:<img src="https://imgs01.dihe.cn/202202/1815/620f4ec8ef3d2.png" alt="客服">
? ? 3.相對路徑:相對于當前頁面的文件位置。 .例如:/../aa.png 或者 /img/aa.png
? ? <img src="./../aa.png">