搜尋
首頁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元素提供了如下输出信息的标签:

标签 说明
表示代码字体,显示源代码
表示预定义格式的源代码,保留源代码显示中的空格大小
表示打印机字体
表示键盘字体
表示定义的术语
表示变量字体
表示代码范例

八、缩写文本

标签可以定义简称或缩写,通过对缩写进行标记,能够为浏览器、搜索引擎提供有用的信息。

标签是定义首字母缩写。

<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
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性吗html5支持boolean值属性吗Apr 22, 2022 pm 04:56 PM

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。

See all articles

熱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.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

記事本++7.3.1

記事本++7.3.1

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

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境