?圖片標簽

?img：展示圖片
?? ??? ??? ?* 屬性：
?? ??? ??? ??? ?* src：指定圖片的位置

---

相對路徑
?? ??? ? ? ? ? ? ? ?* 以.開頭的路徑
?? ??? ? ? ? ? ? ? ? ? ?* ./：代表當前目錄 ?./image/1.jpg
?? ??? ? ? ? ? ? ? ? ? ?* ../:代表上一級目錄

---

?列表標簽：
?? ??? ?* 有序列表：
?? ??? ??? ?ol? ??li
?? ??? ?* 無序列表：
? ? ? ? ? ??ul? ??li

---

鏈接標簽：
?? ??? ?* a:定義一個超鏈接
?? ??? ??? ?* 屬性：
?? ??? ??? ??? ?* href：指定訪問資源的URL(統一資源定位符)
?? ??? ??? ??? ?* target：指定打開資源的方式
?? ??? ??? ??? ??? ??_self:默認值，在當前頁面打開
?? ??? ??? ??? ??? ??_blank：在空白頁面打開

---

---

div和span：
?? ??? ?* div:每一個div占滿一整行。塊級標簽
? ? ?? ?* span：文本信息在一行展示，行內標簽 內聯標簽

---

---

?語義化標簽：html5中為了提高程序的可讀性，提供了一些標簽。
?? ??? ?1. <header>：頁眉
?? ??? ?2. <footer>：頁腳

---

---

表格標簽：?table：定義表格

? ? ? ? ?? ?* width：寬度
?? ??? ??? ?* border：邊框
?? ??? ??? ?* cellpadding：定義內容和單元格的距離
?? ??? ??? ?* cellspacing：定義單元格之間的距離。如果指定為0，則單元格的線會合為一條
?? ??? ??? ?* bgcolor：背景色
?? ??? ??? ?* align：對齊方式
?? ??? ?* tr：定義行
?? ??? ??? ?* bgcolor：背景色
?? ??? ??? ?* align：對齊方式
?? ??? ?* td：定義單元格
?? ??? ??? ?* colspan：合并列
?? ??? ??? ?* rowspan：合并行
?? ??? ?* th：定義表頭單元格
?? ??? ?* <caption>：表格標題
?? ??? ?* <thead>：表示表格的頭部分
?? ??? ?* <tbody>：表示表格的體部分
?? ??? ?* <tfoot>：表示表格的腳部分

---

---

如果某一行只有一個單元格，則使用<tr><td></td></tr>

?如果某一行有多個單元格，則使用
?? ?<tr>
?? ??? ?<td>
?? ??? ??? ?<table></table>
?? ??? ?</td>
?? ?</tr>

總結

以上是生活随笔為你收集整理的图片标签|| 列表标签||链接标签||div和span|| 语义化标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。