首頁 web前端 前端問答 html中文字標籤有哪些

html中文字標籤有哪些

Nov 18, 2021 pm 03:03 PM
html 文字標籤

html的文字標籤有:h1、h2、h3、h4、h5、h6、p、hr、br、q、blockquote、b、strong、i、em、s、u、small、big、 sub、sup、code、pre、abbr、bdo、tt、kbd、dfn、var等。

html中文字標籤有哪些

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

HTML文字就是網頁上顯示的主要內容,需要用到的主要標籤有以下幾類:標題標籤、段落標籤、文字標籤、水平線標籤、特殊符號標籤。這些標籤都在body標籤內部。

一、h1~h6標題標籤

#單字縮寫: head 頭部. 標題

為了讓網頁更有語意化,我們常在頁面中用到標題標籤,HTML提供了6個等級的標題,即

~

,代表六個等級的標題,

代表最大的標題,

代表最小的標題。

標題標籤語意:  作為標題使用,且依據重要性遞減。

注意: h1 標籤因為重要,盡量少用

html中文字標籤有哪些

#二、p段落標籤

單字縮寫: paragraph 段落

在網頁中要把文字有條理地顯示出來,離不開段落標籤,類似於平常寫文章一樣,整個網頁也可以分為若干個段落。

Tips:p是一個文字層級的標籤,p裡面只能放文字、圖片、表單元素。

段落標籤是HTML文件中最常見的標籤,預設情況下,文字會在一個段落中根據瀏覽器視窗的大小自動換行。

<p>这是一个段落。。。</p>
登入後複製

三、hr水平線標籤(單一標籤)

#單字縮寫: horizo​​​​ntal 橫線。

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


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

html中文字標籤有哪些

四、br換行標籤(單標籤)

單字縮寫: break 打斷,換行

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

html中文字標籤有哪些

html中文字標籤有哪些

#、引用標籤

標籤定義短的引用,瀏覽器經常在引用的內容周圍加上引號;

定義區塊引用,其包含的文字都會從常規文字中分離出來,左、右兩側會縮排顯示,有時顯示為斜體。

<q>细节决定成败</q>
<blockquote>
     <p>生命在于折腾啊!</p>
 </blockquote>
登入後複製

Tips:一段文字不可以直接放在 blockquote 元素中,應包含在一個區塊元素中,如 p 元素。

六、文字格式化標籤

在網頁中,有時需要為文字設定粗體、斜體或底線效果,這時就需要用到HTML中的文字格式化標籤,讓文字以特殊的方式顯示。

标签显示效果
文字以粗体方式显示(XHTML推荐使用 strong)
文字以斜体方式显示(XHTML推荐使用em)
文字以加删除线方式显示(XHTML推荐使用del)
文字以加下划线方式显示(XHTML不赞成使用u)
定义小号字体,标签包含的文本比周围小一号,下限1号文本
定义大号字体,标签包含的文字比周围大一号,上限7号文本
定义下标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致

定义上标文本,以当前文本流中字符高度一半显示,但是与文本流中字符字体字号一致

Tips: b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈

Tips: 标签,在数学公式、科学符号和化学公式中非常有用。

html中文字標籤有哪些

html中文字標籤有哪些

七、输出文本

HTML元素提供了如下输出信息的标签:

标签说明
表示代码字体,显示源代码
</td><td>表示预定义格式的源代码,保留源代码显示中的空格大小</td></tr><tr><td style="word-break: break-all;"><tt></td><td>表示打印机字体</td></tr><tr><td style="word-break: break-all;"><kbd></td><td>表示键盘字体</td></tr><tr><td style="word-break: break-all;"><dfn></td><td>表示定义的术语</td></tr><tr><td style="word-break: break-all;"><var></td><td>表示变量字体</td></tr><tr><td style="word-break: break-all;"><samp></td><td>表示代码范例</td></tr></tbody></table><p><span style="font-size: 18px;"><strong>八、缩写文本</strong></span></p><p><abbr> 标签可以定义简称或缩写,通过对缩写进行标记,能够为浏览器、搜索引擎提供有用的信息。</p><p><acronym>标签是定义首字母缩写。</p><pre class='brush:php;toolbar:false;'><abbr titile="Hyper Markup Language">HTML</abbr>
<acronym titile="Hyper Markup Language">HTML</acronym>
登入後複製

Tips:可以使用 title 属性,设置在鼠标移动到上显示完整文本。

九、文本方向

使用 标签可以改变文本流的方向,包含一个属性:dir,取值包活 ltr(从左到右) 和 rtl(从右到左)。

<bdo dir="rtl">床前明月光</bdo>
登入後複製

推荐教程:《html视频教程

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

HTML 中的文字移動指南。在這裡我們討論一下marquee標籤如何使用語法和實作範例。

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles