Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
篇文章繼續(xù)為大家介紹html常用修飾標(biāo)簽介紹。我們今天主要說下樣式標(biāo)簽<span>、內(nèi)容修飾標(biāo)簽<b><i>等的語法以及使用技巧。
使用語法:<span>文章內(nèi)容</span>
<span>標(biāo)簽是沒有語義的,它的作用就是為了設(shè)置單獨(dú)的樣式用的。如果現(xiàn)在我們想要修改一篇文章中的幾個(gè)字字體效果,為它設(shè)置和其它文字不同的樣式,所以這樣情況下就可以用到<span>標(biāo)簽了。比如我們設(shè)置字體顏色為藍(lán)色,并設(shè)置字號(hào)大小為30px,代碼如下圖所示:
代碼在瀏覽器中顯示的效果就如下圖所示:我們可以清楚的看到被span標(biāo)簽包裹的文字內(nèi)容已經(jīng)變成了藍(lán)色,字體大小也變成了30px;
內(nèi)容修飾標(biāo)簽有很多,這里我們簡單的來列舉一下標(biāo)簽的名稱以及標(biāo)簽的作用。
文字斜體標(biāo)簽: <i></i>、<em></em>
文字加粗標(biāo)簽: <b></b>、<strong></strong>
文字下標(biāo)標(biāo)簽: <sub></sub>
文字上標(biāo)標(biāo)簽: <sup></sup>
文字下劃線標(biāo)簽: <ins></ins>
文字刪除線標(biāo)簽: <del></del>
具體的代碼如下所示:
代碼在瀏覽器中顯示的效果就如下圖所示:每個(gè)被標(biāo)簽包裹的內(nèi)容都賦予了其獨(dú)立的效果。
好了以上就是我們所說的修飾標(biāo)簽,每個(gè)標(biāo)簽都有單獨(dú)的意義,在以后練習(xí)的時(shí)候可以自己多實(shí)踐一下,只有自己親自動(dòng)手去寫了才能明白其中的含義以及效果。
附贈(zèng)一句經(jīng)典語錄:每一天,都要盡心盡力的工作,每一件小事情,都力爭高效的完成,不是為了看到老板的笑臉,而是為了自身不斷的進(jìn)步。喜歡我的文章的小伙伴記得關(guān)注一下哦,每天將為你更新最新知識(shí)。
例
HTML 兩個(gè)列表實(shí)例: 一個(gè)有序列表 (<ol>) 和 一個(gè)無序列表 (<ul>) :
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
瀏覽器支持
目前多數(shù)主流瀏覽器支持 <li>標(biāo)簽。
標(biāo)簽定義及使用說明
<li> 標(biāo)簽定義列表項(xiàng)目。
<li> 標(biāo)簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋
提示: 請使用 CSS 來定義列表和列表項(xiàng)目的類型。
屬性
屬性 | 值 | 描述 |
---|---|---|
type | 1AaIidiscsquarecircle | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 不贊成使用。請使用樣式取代它。 規(guī)定使用哪種項(xiàng)目符號(hào)。 |
value | number | 不贊成使用。請使用樣式取代它。 規(guī)定列表項(xiàng)目的數(shù)字。 |
全局屬性
<li> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<li> 標(biāo)簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
<article> 的頁眉:
<article>
<header>
<h1>Internet Explorer 9</h1>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p> Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發(fā)布的</p>
</article>
瀏覽器支持
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標(biāo)簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標(biāo)簽。
標(biāo)簽定義及使用說明
<header> 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁眉。
<header> 元素應(yīng)該作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。
在一個(gè)文檔中,您可以定義多個(gè) <header> 元素。
注釋:<header> 標(biāo)簽不能被放在 <footer>、<address> 或者另一個(gè) <header> 元素內(nèi)部。
HTML 4.01 與 HTML5之間的差異
<header> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
全局屬性
<header> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<header> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。