html常用的标签有哪些

生活 2019-11-20 06:41:37  4978

本文收集整理关于html常用的标签有哪些的相关议题，使用内容导航快速到达。

内容导航：

Q1:常用的HTML文本标签有哪些
Q2:html常用标签有哪些
Q3:不常用HTML标签有哪些
Q4:html的标签类型有哪些？
Q5:html常用格式文本标签 html文本格式样式有哪些
Q6:介绍几个常用的HTML5标签

Q1：常用的HTML文本标签有哪些

基本标志：
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
格式标志：
1.<p></p>
2.<br>
3.<blockquote></blockquote>
4.<dl></dl><dt></dt><dd></dd>
5.<ol></ol><ul></ul><li></li>
6.<div></div>
文本标志：
1.<pre></pre>
2.<h1></h1>……<h6></h6>
3.<b></b><i></i><u></u>
4.<tt></tt><cite></cite><em></em><strong></strong>
5.<font></font>
图像标志：
1.<img>
2.<hr>

Q2：html常用标签有哪些

<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<body> </body>标记页面正文网页中要显示出来的东东，都应放在这对标签之间
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用，通常是斜体
<em></em> 强调文本（通常是斜体加黑体）
<strong></strong> 加重文本（通常是斜体加黑体）
<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值
<BASEFONT></BASEFONT> 基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<STRIKE></STRIKE> 加删除线
<CODE></CODE> 程式码
<KBD></KBD> 键盘字
<SAMP></SAMP> 范例
<VAR></VAR> 变量
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<xmp>...</xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）
<plaintext>...</plaintext>；固定宽度字体（不执行）
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>；字体颜色
<font size=1>...</font>；最小字体
<font style =:100 px>...</font>；无限增大格式标志标签
<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐
<br>换行插入换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前，
<div align=""></div> 用来排版大块
HTML段落，也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
<hr size=9 width=80% color=ff0000>水平线（设定宽度）
<center></center> 水平居中链接标志表格标志
<a href="http://127.0.0.1/yijitao/URL"></a> 创建超文本链接
<a href="http://127.0.0.1/yijitao/mailtEMAIL"> ……< /a> 创建自动发送电子邮件的链接
<a name="name"></a> 创建位于文档内部的书签
<a href="http://127.0.0.1/yijitao/#name"></a> 创建指向位于文档内部书签的链接
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL< LINK>

Q3：不常用HTML标签有哪些

HTML标签当中，比较不常用的多以“修饰类”标签为主，了解即可，基本在开发当中不会用到，也很少出现，不常用的标签如下图：

资料来源：书籍《HTML5布局之路》

Q4：html的标签类型有哪些？

1.块元素(独占一行!即使通过css设置宽度width,也会占一行的位置)

块元素的居中问题

块级元素左右居中:先设置自身width;然后,margin: 0 auto;

div(无语义)

列表 ur/ol/li

段落 p

标题 h1-h6

自定义列表 dl/dt/dd

2.内联元素(行内)[不支持width, height, margin上下,padding上下]

子级内联元素之间有间隙,可以把父级元素font-size设置为0,子级单独设置font-size

内联元素居中:由于内联元素自身不支持width,使用在父级元素设置text-alian : center 的解决方案

span(无语义)

超链接标签 a

src可以为空,但一定要写

常用内联元素

3.内联块元素(支持全部样式的内联元素)

可以把内联块元素看做内联元素的进化版,

通过设置float属性也会将元素转换为内联块

通过定位属性fix, absolute都可以将元素转换为内联块

设置样式 display: inline-block;

转换为内联块

Q5：html常用格式文本标签 html文本格式样式有哪些

超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，
它消除了不同计算机之间信息交流的障碍。
它是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

Q6：介绍几个常用的HTML5标签

一、Html的基本结构：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

网页的文本、图片等信息；

</body>

</html>

二、Head部分：用于表示网页的元数据即描述网页的基本信息

其常用标签及属性有：

1、title标签：浏览器标签页显示的标题

2、meta标签：其常用属性

①charset:设置文档的字符集编码格式。HTML5中设置字符集编码：<meta charset="UTF-8">

常见的字符集编码格式：

a.GB-2312:国标码，简体中文

b.GBK：扩展的国标码

c.UTF-8：万国码 Unicode 常用

②http-equiv属性:将我们的信息写给浏览器看，让浏览器按照这里面的要求执行，可选属性值：Content-Type(文档类型)refresh(网页定时刷新)set-cookie(设置浏览器cookie缓存) 需要配合content属性使用。（http-equiv属性只是表明需要设置哪一部分，具体的设置内容，放到content属性中）

③name属性：使用方法同“http-equiv”。将我们的信息写给搜索引擎看

常用且需要掌握的属性值：author（作者）keywords（网页关键字）description（网页描述）这两个属性设置，网页必不可少。

3、link标签：链接网页图标（title前的小logo），其常用属性有：

①rel属性：声明链接文件的类型，此处选icon

②type属性：可以省略

③href属性：表示图片的路径地址

三、body部分：网页的文本、图片等信息

标签的分类：

块级标签：显示为块，前后隔一行（自动换行）

行级标签：按行从左往右逐一显示。

1、常见的块级标签：

①<h1></h1>......<h6><h6>：标题标签，自动加粗，h1最大，h6最小。

②<hr/>：水平线标签，添加一条水平线。

③<p></p>:段落标签，

④<br/>:换行标签，

⑤<blockquote/></blockquote>:引用标签，cite属性，表明引用的来源，一般引用网址

浏览器默认首行缩进。

⑥<pre></pre>:预格式标签，用于重载代码。浏览器默认显示样式：1、显示为等宽字体。 2、代码中的换行、

空格等元素能在浏览器中显示。

【补充】html 文件中空格的表示： 

2、基于布局的块级标签

列表：无序列表、有序列表、定义列表

①有序列表：<ol></ol> 列表项：<li></li>

②无序列表：<ul></ul> 列表项：<li></li>

③定义列表（实现图文混排）:<dl></dl>

列表标题：<dt>一般只有一项</dt>

列表描述项：<dd>可以有很多项</dd>

3、组合标签：<figure></figure>用于显示图片及图片标题

他有两个子标签：<img />图片

<figcaption></figcaption>图片的标题

例如：<figure>

<figcaption>探险家伊泽瑞尔</figcaption>

</figure>

4、分区标签：<div></div>

5、常见的行级标签

<1>span（文本）:无实际意义，用于包裹某部分文字，修改特定样式，例如：

这是<span style="color: red;font-size: 36px;">span</span>中的文字

img（图片）：其常用属性：①src:表示引用图片的地址。

路径地址的写法：相对路径：以当前文件为最准，去寻找图片地址

a、与文件处于同一层的图片，直接写图片名

b、图片在当前文件下一层：文件名/图片名

c、图片在当前文件上一层：../图片名

绝对路径:file:///盘符：/文件夹/图片名，但是严禁使用

图片网址：网络上的图片链接，但是一般不用

②height和width：图片的高度和宽度。可以用CSS样式代替

③title：图片标。当鼠标指上之后显示的文字

④alt:当图片无法显示的时候，显示的文字

<2>em（倾斜强调）

<3>strong（加粗强调）

<4>b（加粗）

<5>i（倾斜）

Strong、em、b、i的区别

1、Strong、em都表示强调，Strong为粗体，em为斜体，而Strong的强调程度逗比em高

2、Strong和b都能加粗，em和i都能倾斜，，但是Strong和em多了一层强调的语义。H5要求标签尽可能实现语义化。

<6>q（短引用）

<7>small/big（缩小/放大字体）：small和big分别是缩小和扩大字体，都可以多层嵌套直至上限或下限

<8>a（超链接）

1、href:超链接的路径，可以是网络链接，也可以是本地文件。

2、target:跳转页面打开的位置。_self自身页面，_blank新页面。

3、title:鼠标指在超链接上显示的名称。

4、Rel（被链接是当前的前/后一篇）:指定被链接文档与当前文档的关系,搜索引擎会利用该属性获取更多的有关链接的信息：

rel="prev"被链接文档是当前文档的前一篇文档，

rel="next"被链接文档是当前文档的后一篇文档,

rel="icon"被链接文档是当前文档的图标

rel="stylesheet"被链接文档是当前文档的样式表

5、Rev（当前是被链接的前/后一篇）

锚链接：

①本页面锚链接:a、设置锚点：<a name="top"></a>

b、跳转锚点：#name名

①页面间锚链接:a、在即将跳转页面的指定位置设置锚点

b、跳转锚点：页面地址.html#name名

<a href="http://127.0.0.1/yijitao/02_常见的块级标签.html#Hbuilder">页面间锚链接</a><br/>

功能性链接： mailto用于给指定邮箱发送邮件

file：///e:/aaa.png打开本地文件

tencent://message/?uin=1315618220 给指定QQ发送息

<9>s标签，有误文本：删除线

<s>这是S标签中的文字</s><br />

<10>cite标签：浏览器显示为倾斜，常用于书、画作、作品的引用

<cite>这是cite中的文本</cite><br />

<11>code:计算机代码，不保留代码格式

<pre>

</pre>

<12>bdo:表示文本方向，属性：dir="ltr"表示从左往右，dir="rtl"表示从右往左

kbd:表示需要用户用键盘输入的内容，浏览器显示为等宽字体

请输入“<kbd>Esc</kbd>”推迟系统<br />

<13>sup:上标文本，sub:下标文本

x<sub>6</sub><br />

?? © 空格  

<14>u:下划线

<u>这是下划线</u><br />

mark:高亮或标记文本，浏览器显示为黄色背景

相关文章: 谷歌浏览器固定标签页下次还能打开2019-02-25; 微信怎么看标签里的人2019-02-28; 如何设置360浏览器新建标签页2019-03-01; chrome怎么设置打开新标签页2019-03-17; 谷歌浏览器打开新标签2019-03-18; html中br标签什么意思2019-03-28; html常用标签及属性2019-05-11; 特别喜欢给别人贴标签的吗2019-05-26; Excel怎么设置数据标签2019-07-08; 如何设置工作表标签颜色2019-07-12