整合營銷服務商

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

          免費咨詢熱線:

          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前面的項目符號


          主站蜘蛛池模板: 视频一区视频二区日韩专区| 在线观看中文字幕一区| 在线观看国产区亚洲一区成人| 久久精品一区二区影院| 九九久久99综合一区二区| 无码人妻啪啪一区二区| 亚洲国产专区一区| 人妻视频一区二区三区免费| 国产一区中文字幕| 日韩免费无码一区二区三区| 男人的天堂av亚洲一区2区| 亚洲一区AV无码少妇电影☆| 亚洲变态另类一区二区三区 | 国产av福利一区二区三巨| 亚洲狠狠久久综合一区77777| 国产A∨国片精品一区二区| 日韩视频在线一区| 日韩在线视频一区| 日韩精品午夜视频一区二区三区| 亚洲爆乳精品无码一区二区三区| 一区二区三区在线| 日本免费一区二区久久人人澡| 一区二区三区久久精品| 91精品一区二区三区久久久久| 日韩精品一区二区三区大桥未久| 无码AV一区二区三区无码| 国产日韩精品一区二区在线观看 | 寂寞一区在线观看| 亚洲一区无码中文字幕| 国产视频一区在线观看| 中文字幕久久亚洲一区 | 无码av不卡一区二区三区| 日韩有码一区二区| 又硬又粗又大一区二区三区视频| 成人免费av一区二区三区| 无码精品人妻一区二区三区漫画| 无码少妇精品一区二区免费动态| 99久久综合狠狠综合久久一区| 影院成人区精品一区二区婷婷丽春院影视 | 久久久老熟女一区二区三区| 天堂va在线高清一区|