html5文字控制標記有哪些
html5文字控制標記有:1、標題標記(h1、h2、h3、h4、h5、h6);2、段落標記(p);3、水平線標記(hr);4、換行標記(br);5、文字格式化標記(b、strong、i、em、s、del、u、ins);6、特殊字元標記。
本教學操作環境:windows7系統、HTML5版、Dell G3電腦。
html5文字控制標記
#1、標題與段落標記
一篇結構清晰的文章通常都有標題和段落,HTML網頁也不例外,為了讓網頁中的文字有條理地顯示出來,HTML提供了相應的標記。
(1)標題標記
為了使網頁更具語義化,經常會在頁面中用到標題標記,HTML提供了6個等級的標題,即
、、、、和,從到重要性遞減。 <h1>这是标题 1</h1>
<h2 id="这是标题-nbsp">这是标题 2</h2>
<h3 id="这是标题-nbsp">这是标题 3</h3>
<h4 id="这是标题-nbsp">这是标题 4</h4>
<h5 id="这是标题-nbsp">这是标题 5</h5>
<h6 id="这是标题-nbsp">这是标题 6</h6>
登入後複製
、、和,從到重要性遞減。 <h1>这是标题 1</h1>
<h2 id="这是标题-nbsp">这是标题 2</h2>
<h3 id="这是标题-nbsp">这是标题 3</h3>
<h4 id="这是标题-nbsp">这是标题 4</h4>
<h5 id="这是标题-nbsp">这是标题 5</h5>
<h6 id="这是标题-nbsp">这是标题 6</h6>
登入後複製
和,從到重要性遞減。 <h1>这是标题 1</h1>
<h2 id="这是标题-nbsp">这是标题 2</h2>
<h3 id="这是标题-nbsp">这是标题 3</h3>
<h4 id="这是标题-nbsp">这是标题 4</h4>
<h5 id="这是标题-nbsp">这是标题 5</h5>
<h6 id="这是标题-nbsp">这是标题 6</h6>
登入後複製
到重要性遞減。 <h1>这是标题 1</h1>
<h2 id="这是标题-nbsp">这是标题 2</h2>
<h3 id="这是标题-nbsp">这是标题 3</h3>
<h4 id="这是标题-nbsp">这是标题 4</h4>
<h5 id="这是标题-nbsp">这是标题 5</h5>
<h6 id="这是标题-nbsp">这是标题 6</h6>
登入後複製
<h1>这是标题 1</h1> <h2 id="这是标题-nbsp">这是标题 2</h2> <h3 id="这是标题-nbsp">这是标题 3</h3> <h4 id="这是标题-nbsp">这是标题 4</h4> <h5 id="这是标题-nbsp">这是标题 5</h5> <h6 id="这是标题-nbsp">这是标题 6</h6>
(2)段落標記
#在網頁中要把文字有條理地顯示出來,離不開段落標記,就如同我們平常寫文章一樣,整個網頁也可以分成若干個段落,而段落的標記就是
。其基本語法格式如下:
<p>段落文本</p>
範例:
<p>宜将剩勇追穷寇, </p> <p>丌可沽名学霸王。 </p> <p>天若有情天亦老, </p> <p>人间正道是沧桑。 </p>
(3)水平線標記
在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以透過插入圖片實現,也可以簡單地透過標記來完成,
就是創建橫跨網頁水平線的標記。
範例:
<p>hr 水平线:</p> <hr />
(4)換行標記
在HTML中,一個段落中的文字會從左到右依序排列,直到瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標記
。
範例:
<p>html语言是<br />网页制作的<br />基本语言</p>
#2、文字格式化標記
#在網頁中,有時需要為文字設定粗體、斜體戒下劃線效果,這時就需要用到HTML中的文字格式化標記,使文字以特殊的方式顯示,常用文字格式化標記如下表所示。
標記 | 顯示效果 |
---|---|
#和< ;strong> | 文字以粗體方式顯示(b定義文字粗體,strong定義強調文字。 |
和 | 文字以斜體顯示(i定義斜體字,em定義強調文字。) |
文字以加刪除線方式顯示(HTML5不贊成使用s) | |
和 | 文字以加底線顯示(HTML5不贊成使用u) |
示例:
<b>文本加粗</b><br /> <strong>文本加粗</strong><br /> <em>文本斜体</em><br /> <i>文本斜体</i><br />
3、特殊字符标记
浏览网页时常常会看到一些包含特殊字符的文本,如数学公式、版权信息等。那么如何在网页上显示这些包含特殊字符的文本呢?HTML为这些特殊字符准备了与门的替代代码,如下表所示。
示例:
x<y<br /> 版权符号©<br /> a&b<br />
相关推荐:《html视频教程》
以上是html5文字控制標記有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
