整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML 字體標簽

          體效果

          <h1></h1> 標題字(最大)

          <h6></h6> 標題字(最小)

          <h1 align="center"></h1>

          <strong></strong> 粗體字(突出強調)

          <b></b> 粗體字(bold:粗體)

          <i></i> 斜體字(italic:斜體)

          <u></u> 底線,文本添加下劃線:(underline:下劃線)

          <strike></strike>或<s></s> 橫線,相當于加刪除線文本 <del></del> HTML5

          等寬文字標簽:對于等寬文字設置多數情況用在英文文字顯示中

          <tt></tt> 打字體,類似打字機或者等寬的文本效果。

          <code></code> 等寬文字設置內容(定義計算機代碼文本)

          <samp></samp> 等寬文字設置內容(定義樣本文本)

          <kbd> 定義鍵盤文本。

          <sup></sup> 文字上標字體標簽(super)

          <sub></sub> 文字下標字體標簽(subscipt)

          <address></address> 設置地址文字(可定義一個地址,比如電子郵件地址。您應當使用它來定義地址、簽名或者文檔的作者身份。)

          <font></font> 編輯網頁文字樣式

          <font face="" size="" color=""></font>

          face屬性可以用于設置文字的名稱,可以是宋體、隸書、楷體等;

          size屬性用于設置字號的大小(單位:字號),從 1 到 7 的數字,或h1-h6。瀏覽器默認值是3。

          color用于設置字體的顏色

          <font size="3" color="red">This is some text!</font>
          <font size="2" color="blue">This is some text!</font>
          <font face="verdana" color="green">This is some text!</font>

          手冊上沒有

          <ruby></ruby>和<rt></rt> 設置文字標注標記

          實例:

          <ruby>當代最可愛的人<rt>志愿軍</rt></ruby>

          、標簽的分類:雙標簽和單標簽

          雙標簽:就是成對出現的,類似于這種 <html> </html>

          單標簽:就是可以單個使用的,類似于 <br> 換行標簽 或 <hr>水平線標簽。

          二、標簽屬性的作用:

          標簽的屬性是用來定義文字或字符的 顏色、寬高、粗細、大小、等,這個是標簽屬性的作用。


          三、標簽屬性的特性:

          1、每一個標簽都有自己的屬性,單標簽和雙標簽都有。

          2、一個標簽可以有多個屬性。

          3、每個屬性都有對應的值,值要用單或雙引號引起來。

          4、多個屬性之間使用空格隔開。

          5、屬性沒有順序之分。

          6、字體屬性值,必須是系統可以識別的字體,一般為系統自帶字體。

          7、HTML5 中 font 屬性已經棄用。

          源代碼:↓

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <!--網頁抬頭-->

          <title>中央氣象局</title>

          </head>

          <body>

          <!--水平線的寬度是500像素,這個width就是標簽屬性-->

          <hr width="500">

          <!--下面這個是多個標簽屬性,多個屬性之間用空格隔開-->

          <font color="red" face="黑體" size="7">標簽屬性</font>

          </body>

          </html>

          、CSS字體樣式

          定義字體系列,大小,粗細和文字樣式

          (一)字體系列(font-family)


          (二)字體大小(font-size)

          (三)字體粗細(font-weight)

          (四)字體樣式(font-style)

          (五)字體復合屬性(font)

           p {
              font: font-style font-weight font-size/line-height font-family;
            }
          

          不能更換順序,必須保留font-size和font-family

          二、CSS文本屬性

          定義文本外觀,如:文本顏色,對齊文本,裝飾文本,文本縮進,行間距等

          (一)文本顏色(color)

          (二)對齊文本(text-align)

          (三)裝飾文本(text-decoration)

          (四)文本縮進(text-indent)


          (五)行間距(line-height)

          三、格式化代碼

          1. Emmet語法
            前身為Zen coding,它使用縮寫來提高html/css的編寫速度,VSCode內部已經集成該語法,快速生成HTML結構語法和CSS樣式語法

          2. 快速生成HTML結構語法

          • 生成標簽,直接輸入標簽按Tab鍵即可
          • 生成多個相同的標簽,標簽加星號*鍵按Tab鍵
          • 父子級關系的標簽,可以用大于號>和enter鍵
          • 兄弟關系的標簽,可以用加號+和enter鍵
          • 生成帶有類名或id名字,可寫成標簽加.類名/#名加Tab鍵(p.one生成
          • 生成.div類名是有順序的,可用自增符號¥
          • 生成標簽的內部寫內容,可用{}表示

          3.快速生成CSS樣式語法

          • CSS基本采取簡寫形式即可(w 200 加Tab生成width: 200px;)
          • 單詞首字母加Tab鍵

          4.快速格式化代碼

          • Shift+Alt+F/右鍵-格式化代碼
          • 保存頁面時自動格式化代碼(在設置中的文本編輯器中找到格式,勾選Format On Save即可,也可把Format On Type勾選上)

          5.去掉li前面的項目符號


          主站蜘蛛池模板: 国产一区二区三区手机在线观看| 免费无码一区二区三区蜜桃| 国产在线观看一区二区三区精品| 日本在线不卡一区| 成人无码AV一区二区| 亚洲日本中文字幕一区二区三区| 亚洲av不卡一区二区三区| 国产精品一区二区三区高清在线 | 蜜芽亚洲av无码一区二区三区| 中文字幕一区二区三区有限公司| 性色AV一区二区三区天美传媒 | 无码人妻精品一区二区三区99性| 97久久精品一区二区三区| 精品福利一区二区三区免费视频| 精品无码AV一区二区三区不卡| 亚洲一区二区三区免费在线观看| 老熟妇仑乱视频一区二区| 精品一区二区三区无码免费视频 | 夜夜添无码一区二区三区| 中文字幕一区在线播放| 午夜天堂一区人妻| 久久久久久人妻一区二区三区| 国产精品无码亚洲一区二区三区| 国产日产久久高清欧美一区| 日韩三级一区二区三区| 中文乱码精品一区二区三区| 人妻无码一区二区不卡无码av| 色婷婷亚洲一区二区三区| 精品视频午夜一区二区| 欧洲精品无码一区二区三区在线播放| 国产亚洲一区二区精品| 国产凸凹视频一区二区| 久久国产精品亚洲一区二区| 无码人妻精品一区二区三区9厂 | 日韩人妻精品无码一区二区三区| 夜精品a一区二区三区| 精品无人区一区二区三区| 在线观看免费视频一区| 国产凸凹视频一区二区| av无码一区二区三区| 国产免费一区二区三区免费视频|