html5文字控制標記有哪些

青灯夜游
發布: 2022-01-11 14:18:13
原創
7202 人瀏覽過

html5文字控制標記有:1、標題標記(h1、h2、h3、h4、h5、h6);2、段落標記(p);3、水平線標記(hr);4、換行標記(br);5、文字格式化標記(b、strong、i、em、s、del、u、ins);6、特殊字元標記。

html5文字控制標記有哪些

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

html5文字控制標記

#1、標題與段落標記

一篇結構清晰的文章通常都有標題和段落,HTML網頁也不例外,為了讓網頁中的文字有條理地顯示出來,HTML提供了相應的標記。

(1)標題標記

為了使網頁更具語義化,經常會在頁面中用到標題標記,HTML提供了6個等級的標題,即

,從

重要性遞減。
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
登入後複製

html5文字控制標記有哪些

(2)段落標記

#在網頁中要把文字有條理地顯示出來,離不開段落標記,就如同我們平常寫文章一樣,整個網頁也可以分成若干個段落,而段落的標記就是

。其基本語法格式如下:

<p>段落文本</p>
登入後複製

範例:

<p>宜将剩勇追穷寇, </p>
<p>丌可沽名学霸王。 </p>
<p>天若有情天亦老, </p>
<p>人间正道是沧桑。 </p>
登入後複製

html5文字控制標記有哪些

(3)水平線標記


在網頁中常常看到一些水平線將段落與段落之間隔開,使得文件結構清晰,層次分明。這些水平線可以透過插入圖片實現,也可以簡單地透過標記來完成,


就是創建橫跨網頁水平線的標記。

範例:

<p>hr 水平线:</p>
<hr />
登入後複製

html5文字控制標記有哪些

(4)換行標記

在HTML中,一個段落中的文字會從左到右依序排列,直到瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標記

範例:

<p>html语言是<br />网页制作的<br />基本语言</p>
登入後複製

html5文字控制標記有哪些

#2、文字格式化標記

#在網頁中,有時需要為文字設定粗體、斜體戒下劃線效果,這時就需要用到HTML中的文字格式化標記,使文字以特殊的方式顯示,常用文字格式化標記如下表所示。

標記顯示效果

#和< ;strong>

文字以粗體方式顯示(b定義文字粗體,strong定義強調文字。

文字以斜體顯示(i定義斜體字,em定義強調文字。)

文字以加刪除線方式顯示(HTML5不贊成使用s)
文字以加底線顯示(HTML5不贊成使用u)
#

示例:

<b>文本加粗</b><br />
<strong>文本加粗</strong><br />
<em>文本斜体</em><br />
<i>文本斜体</i><br />
登入後複製

html5文字控制標記有哪些

3、特殊字符标记

浏览网页时常常会看到一些包含特殊字符的文本,如数学公式、版权信息等。那么如何在网页上显示这些包含特殊字符的文本呢?HTML为这些特殊字符准备了与门的替代代码,如下表所示。

html5文字控制標記有哪些

示例:

x<y<br />
版权符号&copy;<br />
a&b<br />
登入後複製

html5文字控制標記有哪些

相关推荐:《html视频教程

以上是html5文字控制標記有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!