HTML标签汇总(基础和格式部分)

HTML标签汇总(基础和格式部分)


<html>
	<head>
		<title>文档的标题</title>
	</head>
	<body>
		文档的内容……
		<!-- 注释 -->
	</body>
</html>

内容 说明

<h1>这是标题1</h1>

最大的标题

<h2>这是标题1</h2>

<h3>这是标题1</h3>

<h4>这是标题1</h4>

<h5>这是标题1</h5>
<h6>这是标题1</h6>
最小的标题
  • 不要在同一行适用不同的标签

<p>段落标签</p>
  • 段落标签忽略源代码中的排版,多个空格,换行,回车当一个空格计算

<br>
  • 换行符。换行符没有结束标签

  • clear属性:left、right、all
    通常情况下,文本流中的其他行会在内联图像的底部显示,除非图形的标签设置为左对齐或右对齐(对于<table>标签也一样)。因此,<br>标签的clear属性只对这些左对齐或右对齐的图像或表格起作用。

  • <br>功能是输入空行,而不是分割段落


<hr>
  • 水平分割线。水平分割线没有结束标签。

内容 说明
<acronym> IE5.5或更早版本不支持。HTML5不支持
<abbr> IE6或更早版本不支持。HTML5支持
  • 标记缩写
  • 建议使用title属性,在鼠标移动到缩略词上时显示完整版本

<address>定义文档的作者/拥有者</address>
内容 说明
如果<address>元素位于<body>元素内 则它表示文档联系信息
如果<address>元素位于<article>元素内 则它代表文章的联系信息
  • <address>元素中的文本通常呈现为斜体,大多数浏览器会在address元素前后加折行

标签 内容
<tt> 等宽文本(打字机文本)
<i> 斜体
<b> 粗体
<big> 大号字体
small 小号字体
strong 强调(粗体)
em 强调(斜体)
sub 下标文本
sup 上标文本
mark 定义带有记号的文本(默认黄色底纹)
* dfn 定义一个定义项目
* code 定义计算机代码文本
*samp 定计算机代码样本文本
* kbd 定义键盘文本
* var 定义变量
* cite 定义引用
  • "*"部分常用于显示计算机/编程代码

<bdi>bidi隔离</bdi>
  • 允许设置一段文本,使其脱离其父元素的文本方向设置(发表用户评论或其他无法完全控制的内容时,该标签泳池很大)。
属性
dir ltr、rtl、auto

<bdo>文本方向</bdo>
  • bdo元素可覆盖默认的文本方向
属性
dir ltr、rtl

标签 说明 显示
<blockquote>
定义长引用
显示为缩进块
<q> 定义短引用 以分界引号呈现

标签 说明
<del> 定义删除文本
<ins> 定义插入文本(下划线文本)
  • 两者配合使用,来描述文档的更新和修正
属性
cite URL
datetime YYYYMMDD

<meter value="3" min="0" max="10">3/10</meter>
<meter value="0.6">60%</meter>

显示效果

  • IE不支持meter标签
  • meter不应该应用与显示进度。如果标记进度,应使用<progress>标签
属性 描述
form form_id 规定元素所属的一个或多个表单
high number 规定被视作高的值的范围
low number 规定被视作低的值的范围
max number 规定范围的最大值
min number 规定范围的最小值
optimum number 规定范围的最佳值
value number 必须。规定度量的当前值

<progress>
  • 任务进度信息
  • 与JavaScript配合使用
  • <progress>标签不适合来显示度量

<pre>
  • 预格式化文本
  • pre元素中允许的文本包括物理样式和基于内容的样式变化,还有链接,图像和水平分割线。
  • <pre>标签中的特殊符号被转换为符号实体
    注释:实体名称对大小写敏感。
显示结果 描述 实体名称 实体编号
空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
撇号 &apos; (IE不支持) &#39;
分(cent) &cent; &#162;
£ 镑(pound) &pound; &#163;
¥ 元(yen) &yen; &#165;
欧元(euro) &euro; &#8364;
§ 小节 &sect; &#167;
© 版权(copyright) &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide;

<time>
  • 定义时间和日期
  • 在浏览器上不会有任何特使显示效果
  • 该元素的功能是以机器可读的方式对日期和时间进行编码,使搜索和时间引用更加便利
属性 描述
datetime datetime 规定日期/时间,否则,由元素的内容给定日期/时间
pubdate pubdate 指示<time>元素的日期/时间是文档(或<article>元素)

<wbr>
  • 换行符。
  • 使用在单词过长时防止浏览器在错误的位置换行。
发布了7 篇原创文章 · 获赞 25 · 访问量 4751

猜你喜欢

转载自blog.csdn.net/qq_41696334/article/details/104138837
今日推荐