HTML學習日記02


一、文件修飾標籤

(一).文本粗體標籤

  • <b></b>'單純加粗文字。
  • <strong></strong>加粗以外也有語氣加重的意思。
    ##(二).文本斜體標籤
  • <i></i>單純斜體。
  • <em></em>斜體外也有加強語意的意思。
    ##(三).刪除線與底線標籤
  • <s></s>
  • <del></del>現在版本適用。
  • <u></u>文本出現底線。
    ##(四).角標標籤
  • <sup></sup>上角標籤。
  • <sub></sub>下角標籤。

二、列表標籤

(一).列表標籤

  • 籤套必須加在(ul或ol上才有效,用於li無效)
  • 有序列表:<ol> <li> </li> </ol>
  • 無序列表:<ul> <li> </li> </ul>
  • 利用Ol添加type屬性更改標籤符號(Aa英文字母 Ii羅馬字母 1阿拉伯數字):
    <ol type="a/A/I/i"> <li> </li> </ol>
  • 更改有序標籤起始數字,例如要從0開始起算:<ol start="0"> <li></li> </ol>
  • 更改無序標籤圖標樣式,disc實心圓 circle空心圓 none square方形
  • <ul type="circle"> <li></li> </ul>
  • 自訂義(definition+list/term/description dl dt dd):
  • <dl> <dt> <dd> </dd> </dt> </dl>

三、快速創建標籤技巧(emmet語法)

  • h1-6系列:重複同一大小,如要產生H1的標題6次:hi{a}*8
  • 由大到小:如果要產生H1-H6相同內容的內容:H${內$容}*6
  • 無序列表:ul>li{內容}*次數,意即一個ul裡面放了幾個li。
  • 有序列表:ul*次數>li:幾個ul各有一個li。

四、表格基礎:

  • table /table row(tr)/table data cell(td),籤套只能用於td
  • emmet語法:table>tr*次數>td*次數
  • table header data(th)標籤:加強語氣用<th></th>代替<td></td>標籤
  • 表格線table + bolder/width/hieght="單位"
  • cellspaceing:單元格之間的距離、cellpadding:單元格與文本之間的距離
  • 水平位置:align="center/left/right"
  • 表格背景顏色bgcolor、邊框顏色bordercolor,其餘美化需要用CSS。
#學習日記






你可能感興趣的文章

D31_eslint 與 LIOJ 的愛恨情仇 + 開始第四週

D31_eslint 與 LIOJ 的愛恨情仇 + 開始第四週

菜比八寫後端(5) - TypeORM簡介

菜比八寫後端(5) - TypeORM簡介

JavaScript 捉摸不定的 This

JavaScript 捉摸不定的 This






留言討論