ext-decoration屬性介紹#
text-decoration屬性值說明表#
值作用none去掉文本修飾線underline設置下劃線overline設置上劃線line-through設置刪除線
HTML標簽自帶修飾線#
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>等的語法以及使用技巧。
使用語法:<span>文章內容</span>
<span>標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的。如果現在我們想要修改一篇文章中的幾個字字體效果,為它設置和其它文字不同的樣式,所以這樣情況下就可以用到<span>標簽了。比如我們設置字體顏色為藍色,并設置字號大小為30px,代碼如下圖所示:
代碼在瀏覽器中顯示的效果就如下圖所示:我們可以清楚的看到被span標簽包裹的文字內容已經變成了藍色,字體大小也變成了30px;
內容修飾標簽有很多,這里我們簡單的來列舉一下標簽的名稱以及標簽的作用。
文字斜體標簽: <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 字體族 黑體 楷體 宋體 華文彩云等 但必須是瀏覽器支持的字體
*請認真填寫需求信息,我們會在24小時內與您取得聯系。