整合營銷服務商

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

          免費咨詢熱線:

          如何給HTML標簽中的文本設置修飾線

          ext-decoration屬性介紹#

          • text-decoration屬性是用來設置文本修飾線呢,text-decoration屬性一共有4個值。

          text-decoration屬性值說明表#

          值作用none去掉文本修飾線underline設置下劃線overline設置上劃線line-through設置刪除線

          HTML標簽自帶修飾線#

          • 在開始實踐text-decoration屬性之前,筆者先給大家普及下HTML中的標簽自帶修飾線如:u標簽、s標簽,若有不全大家可以在下面評論中告訴筆者,畢竟筆者也是前端的一個小白,希望和大家相互交流,互幫互助,共同進步。

          u標簽#

          • 下面讓我們進入u標簽的實踐,u標簽自帶的是文本下劃線。
          • 代碼塊
          Copy<!DOCTYPE html>
          <html lang="en">
          
          <head>
           <meta charset="UTF-8">
           <meta name="viewport" content="width=device-width, initial-scale=1.0">
           <meta http-equiv="X-UA-Compatible" content="ie=edge">
           <title>設置文本修飾線</title>
           
          </head>
          <body>
           <u>成功不是擊敗別人,而是改變自己</u>
          </body>
          </html>
          • 結果圖

          篇文章繼續為大家介紹html常用修飾標簽介紹。我們今天主要說下樣式標簽<span>、內容修飾標簽<b><i>等的語法以及使用技巧。

          1)樣式標簽<span>

          使用語法:<span>文章內容</span>

          <span>標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的。如果現在我們想要修改一篇文章中的幾個字字體效果,為它設置和其它文字不同的樣式,所以這樣情況下就可以用到<span>標簽了。比如我們設置字體顏色為藍色,并設置字號大小為30px,代碼如下圖所示:

          代碼在瀏覽器中顯示的效果就如下圖所示:我們可以清楚的看到被span標簽包裹的文字內容已經變成了藍色,字體大小也變成了30px;

          2)內容修飾標簽

          內容修飾標簽有很多,這里我們簡單的來列舉一下標簽的名稱以及標簽的作用。

          文字斜體標簽: <i></i>、<em></em>

          文字加粗標簽: <b></b>、<strong></strong>

          文字下標標簽: <sub></sub>

          文字上標標簽: <sup></sup>

          文字下劃線標簽: <ins></ins>

          文字刪除線標簽: <del></del>

          具體的代碼如下所示:

          代碼在瀏覽器中顯示的效果就如下圖所示:每個被標簽包裹的內容都賦予了其獨立的效果。

          好了以上就是我們所說的修飾標簽,每個標簽都有單獨的意義,在以后練習的時候可以自己多實踐一下,只有自己親自動手去寫了才能明白其中的含義以及效果。

          附贈一句經典語錄:每一天,都要盡心盡力的工作,每一件小事情,都力爭高效的完成,不是為了看到老板的笑臉,而是為了自身不斷的進步。喜歡我的文章的小伙伴記得關注一下哦,每天將為你更新最新知識。

          <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          一、學習html學的是什么?

          1.1學標簽

          我要什么內容,就用什么標簽 在去思考使用標簽的什么屬性

          比方說:文字就用文字標簽,HelloWorld 6號字 顏色變成紅色

          <html>   
          
           <head>   
          
          <title></title> 
          
          </head>      
          
          <body>   
          
              <font size="6" color="red" >HelloWorld  </font>    //這個就是文字標簽   屬性尺寸是6,顏色是紅色
          
          </body>       
          
          </html>  

          二、編寫格式

          1、每個網頁頁面都是一個單獨的文件,頁面的后綴是XXXX.html 或者 XXXX.htm

          2、編譯器/解釋器就是瀏覽器,瀏覽器會一行行編譯,不會像C 或者PLC等還需要再次編譯。

          3、用記事本做演示,需要把后綴名改成.html ,如果后綴名被隱藏了,需要在文件菜單-查看-選項-查看-把隱藏已知文件類型的拓展名去掉

          <html>    //html開始
          
          <head>    //頭標簽開始
          
          <title></title>
          
          </head>    //頭標簽結束
          
          <body> //身體標簽開始
          
          HelloWorld   //主體內容
          
          </body>   //身體標簽結束
          
          </html>   //html結束


          三、常用標簽及其屬性:

          3.1 文本修飾

          font 行內標簽 (沒有換行效果)

          size 字體的大小,最大值是7

          color 顏色值

          顏色的第一種表示形式:顏色單詞 red green blue

          顏色的第二種表示形式: 顏色的RGB 如:rgb(0,0,255) 第一個0表示R紅色的份數,第二個表示G綠色的份數 ,第三個0表示B藍色的份數

          顏色的第三種表示形式:十六進制表示,把顏色這個寫成#0000ff ,就是第一個紅綠藍十六進制,

          face 字體族 黑體 楷體 宋體 華文彩云等 但必須是瀏覽器支持的字體


          上一篇:HTML 編輯器
          下一篇:HTML基礎
          主站蜘蛛池模板: 日本强伦姧人妻一区二区| 不卡一区二区在线| 中文字幕一区日韩在线视频| 红杏亚洲影院一区二区三区| 中文字幕一区精品| 无码国产精品一区二区免费3p| 麻豆一区二区三区精品视频| 成人一区专区在线观看| 国产高清一区二区三区四区| 国产丝袜美女一区二区三区| 91国偷自产一区二区三区| 国产成人一区二区动漫精品| 亚洲色大成网站www永久一区| 五月婷婷一区二区| 国产高清精品一区| 国产美女在线一区二区三区| 欲色影视天天一区二区三区色香欲 | 国产成人午夜精品一区二区三区| 免费一区二区视频| 亚洲一区二区在线免费观看| 日本免费一区二区三区最新| 熟妇人妻一区二区三区四区| 日韩欧美一区二区三区免费观看| 久久综合精品国产一区二区三区| 麻豆AV无码精品一区二区| 亚洲AⅤ视频一区二区三区| 亚洲国产情侣一区二区三区 | 亚洲AV无码一区东京热久久| 久久精品成人一区二区三区| 红桃AV一区二区三区在线无码AV | 亚洲乱色熟女一区二区三区蜜臀| 国产美女视频一区| 国产激情一区二区三区小说| 亚洲日本一区二区| 亚洲一区视频在线播放| 无码中文人妻在线一区| 性色A码一区二区三区天美传媒| 无码精品久久一区二区三区 | 成人国产精品一区二区网站| 日韩一区二区超清视频| 一区二区三区四区视频在线|