标题标签 (Heading Tags)
任何文档都以标题开头。 您可以为标题使用不同的大小。 HTML 也有六级标题,它们使用元素
<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>
举例:
<!DOCTYPE html> <html> <head> <title>Heading Example</title> </head> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html>
网页显示结果:
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
段落标签
<p> 标签提供了一种将文本结构化为不同段落的方法。 每个文本段落都应位于开始 <p> 和结束 </p> 标记之间,如下例所示 –
<!DOCTYPE html> <html> <head> <title>Paragraph Example</title> </head> <body> <p>Here is a first paragraph of text.</p> <p>Here is a second paragraph of text.</p> <p>Here is a third paragraph of text.</p> </body> </html>
网页显示为:
Here is a first paragraph of text.
Here is a second paragraph of text.
Here is a third paragraph of text.
换行并划线标签
每当您使用<br />元素时,它后面的任何内容都从下一行开始。 这个标签是一个空元素的例子,你不需要开始和结束标签,因为它们之间没有任何东西。
标签在字符 <br /> 和正斜杠之间有一个空格。 如果你省略这个空格,旧的浏览器将无法呈现换行符,而如果你错过了正斜杠字符而只使用<br>它在 XHTML 中无效。
举例:
<!DOCTYPE html> <html> <head> <title>Line Break Example</title> </head> <body> <p>Hello<br /> You delivered your assignment ontime.<br /> Thanks<br /> Mahnaz</p> </body> </html>
网页显示为:
Hello
You delivered your assignment ontime.
Thanks
Mahnaz
内容取中标签
您可以使用 <center> 标签将任何内容放在页面中心或任何表格单元格的中心。需要 </center>结尾
<!DOCTYPE html> <html> <head> <title>Centring Content Example</title> </head> <body> <p>This text is not in the center.</p> <center> <p>This text is in the center.</p> </center> </body> </html>
网页显示为:
This text is not in the center.
换行并划线标签
换行标签用于在视觉上分割文档的各个部分。
标签从文档中的当前位置到右边距创建一条线,并相应地断开该线。
例如,您可能希望在两个段落之间划一条线,如下面的示例所示 –
<!DOCTYPE html> <html> <head> <title>Horizontal Line Example</title> </head> <body> <p>This is paragraph one and should be on top</p> <hr /> <p>This is paragraph two and should be at bottom</p> </body> </html>
结果显示:
This is paragraph one and should be on top
This is paragraph two and should be at bottom
同样
标签是空元素的一个例子,你不需要开始和结束标签,因为它们之间没有任何东西。
元素在字符 hr 和正斜杠之间有一个空格。 如果你省略这个空格,旧的浏览器将无法呈现换行并划线标签,而如果你错过了正斜杠字符而只使用
它在 XHTML 中无效
保留格式
有时,您希望文本完全遵循文档中的书写格式。 在这些情况下,您可以使用预先格式化的标签<pre>
<pre>标签开始和</pre>结束 标签之间的任何文本都将保留源文档的格式。
<!DOCTYPE html> <html> <head> <title>Preserve Formatting Example</title> </head> <body> <pre> function testFunction( strText ){ alert (strText) } </pre> </body> </html>
网页显示结果
function testFunction( strText ){
alert (strText)
}
HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
HTML 标签大全
1.基础标签
DOCDYPE 表示HTML文档开始
meta 提供关于文档信息
head 表示文档的元数据
title 设置文档标题
link 表示引用的css外部资源
html 表示文档中HTML部分的开始
body 表示HTML文档内容
noscript 包含浏览器禁用脚本或不支持脚本时显示的内容
style 定义css样式
base 设置相对URL基础 让HTML文档中的相对链接在此基础上进行解析
2.格式标签
acronym:定义只取首字母的缩写
abbr:定义缩写
address:定义文档作者或拥有者的联系信息
b:定义粗体文本
bdi:定义文本的方向,使其脱离周围文本的方向设置(h5)
bdo:定义文字的方向
big:将文本定义为大号字体
blockquote:定义长的引用文本
center:定义文本的居中(不建议使用)
cite:定义引用
code:定义计算机代码的文本
del:定义被删除的文本
dfn:定义一个定义项目
em:定义强调文本
font:定义文本的字体,尺寸和颜色(不建议使用)
i:定义斜体文本
ins:定义被插入的文本
kbd:定义键盘文本
mark:定义有记号的文本(h5)
meter:定义预定义范围内的度量(h5)
pre:定义预定义文本
progress:定义如何类型的任务的进度(h5)
q:定义短的引用
rp:定义浏览器不支持ruby元素显示的内容(h5)
rt:定义ruby注释的解释(h5)
ruby:定义ruby的注释(h5)
s:定义加删除线的文本(不建议使用)
samp:定义计算机代码样本
small:定义小号的字体
strike:定义加删除线的文本(不建议使用)
strong:定义语气更加强烈的强调文本
sup:定义上标文本
sub:定义下表文本
time:定义时间(h5)
tt:定义打印机文本
u:定义下划线文本(不建议使用)
var:定义文本的变量部分
wbr:定义可能的换行符(h5)
3.表单
form:定义HTML表单
input:定义输入标签
textarea:定义多行文本
button:定义按钮
select:定义下拉列表
optgroup:定义选择列表中的相关选项的组合
option:定义选择列表中的选项
label:定义input选项的标注
fieldset:定义围绕表单中元素中的元素的边框
legend:定义fieldset元素的标题
isindex:定义与文档相关的可搜索索引(不建议使用)
datalist:定义下拉列表(h5)
keygen:定义生成密钥(h5)
output:定义输出的一些类型(h5)
4.框架
frame:定义框架集的窗口或框架
frameset:定义框架集
noframes:定义针对不支持框架的用户的替代内容
iframe:定义内联框架
5.图像
img:定义图像
map:定义图像的映射
area:定义图像地图内部的区域
canvas:定义图形(h5)
figcaption:定义figure元素的标题(h5)
figure:定义媒介内容的分组,以及他们的标题(h5)
6.音频/视频(h5)
audio:定义声音内容
source:定义媒介源
track:定义在媒体播放器中的文本轨道
video:定义视频
7.链接
a:定义文本链接或者锚
link:定义文档与外部资源的链接
nav:定义导航链接
8.列表
ul:定义无序列表
ol:定义有序列表
li:定义列表的项目
dir:定义目录列表(不建议使用)
dl:定义自定义列表
dt:定义自定义列表中的项目
dd:定义自定义列表项目中的描述
menu:对命令的菜单/列表
menuitem:定义用户可以弹出菜单调用的命令/菜单项目
command:定义命令按钮(h5)
9.表格
table:定义表格
caption:定义表格的标题
th:定义表格中表头的单元格
tr:定义表格中的行
td:定义表格中的单元
thead:定义表格中的表头内容
tbody:定义表格中的主体内容
tfoot:定义表格中的标注内容
col:定义表格中的一个或多个列的属性值
colgroup:定义表格中供格式化的列组
10.样式
style:定义文档的样式信息
div:定义文档中的节点
span:定义文档中的节点
header:定义页面头部(h5)
footer:定义页面尾部(h5)
section:定义section(h5)
article:定义文章(h5)
aside:定义页面内容以外的内容(h5)
details:定义元素的细节(h5)
dialog:定义对话窗口(h5)
summary:为细节节点第一可见的标题(h5)
10.元信息
head:定义文档的信息
meta:定义文档的元信息
base:定义页面中所有链接的默认地址或默认目标
basefont:定义页面中的默认字体、颜色或尺寸
11.编程脚本标签
script:定义客户端脚本
noscript:定义针对不支持浏览器脚本的用户的替代内容
applet:定义嵌入的applet(不建议使用)
embed:定义外部应用程序(非html)的定义容器(h5)
object:定义嵌入的对象
param:定义对象的参数
HTML 标签大全(按字母查找)
HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。 HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。
标签 | 描述 |
<!–…–> | 定义注释 |
<!DOCTYPE> | 定义文档类型 |
<a> | 定义超文本链接 |
<abbr> | 定义缩写 |
<acronym> | 定义只取首字母的缩写,不支持HTML5 |
<address> | 定义文档作者或拥有者的联系信息 |
<applet> | HTML5中不赞成使用。定义嵌入的 applet。 |
<area> | 定义图像映射内部的区域 |
<article>HTML5 | 定义一个文章区域 |
<aside>HTML5 | 定义页面的侧边栏内容 |
<audio>HTML5 | 定义音频内容 |
<b> | 定义文本粗体 |
<base> | 定义页面中所有链接的默认地址或默认目标。 |
<basefont> | HTML5不支持,不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
<bdi>HTML5 | 允许您设置一段文本,使其脱离其父元素的文本方向设置。 |
<bdo> | 定义文字方向 |
<big> | 定义大号文本,HTML5不支持 |
<blockquote> | 定义长的引用 |
<body> | 定义文档的主体 |
<br> | 定义换行 |
<button> | 定义一个点击按钮 |
<canvas>HTML5 | 定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形 |
<caption> | 定义表格标题 |
<center> | HTML5不支持,不赞成使用。定义居中文本。 |
<cite> | 定义引用(citation) |
<code> | 定义计算机代码文本 |
<col> | 定义表格中一个或多个列的属性值 |
<colgroup> | 定义表格中供格式化的列组 |
<command>HTML5 | 定义命令按钮,比如单选按钮、复选框或按钮 |
<datalist>HTML5 | 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。 |
<dd> | 定义定义列表中项目的描述 |
<del> | 定义被删除文本 |
<details>HTML5 | 用于描述文档或文档某个部分的细节 |
<dfn> | 定义定义项目 |
<dialog>HTML5 | 定义对话框,比如提示框 |
<dir> | HTML5不支持,不赞成使用。定义目录列表。 |
<div> | 定义文档中的节 |
<dl> | 定义列表详情 |
<dt> | 定义列表中的项目 |
<em> | 定义强调文本 |
<embed>HTML5 | 定义嵌入的内容,比如插件。 |
<fieldset> | 定义围绕表单中元素的边框 |
<figcaption>HTML5 | 定义<figure> 元素的标题 |
<figure>HTML5 | 规定独立的流内容(图像、图表、照片、代码等等)。 |
<font> | HTML5不支持,不赞成使用。定义文字的字体、尺寸和颜色。 |
<footer>HTML5 | 定义 section 或 document 的页脚。 |
<form> | 定义了HTML文档的表单 |
<frame> | 定义框架集的窗口或框架 |
<frameset> | 定义框架集 |
<h1> to <h6> | 定义 HTML 标题 |
<head> | 定义关于文档的信息 |
<header>HTML5 | 定义了文档的头部区域 |
<hr> | 定义水平线 |
<html> | 定义 HTML 文档 |
<i> | 定义斜体字 |
<iframe> | 定义内联框架 |
<img> | 定义图像 |
<input> | 定义输入控件 |
<ins> | 定义被插入文本 |
<kbd> | 定义键盘文本 |
<keygen>HTML5 | 规定用于表单的密钥对生成器字段。 |
<label> | 定义 input 元素的标注 |
<legend> | 定义 fieldset 元素的标题。 |
<li> | 定义列表的项目 |
<link> | 定义文档与外部资源的关系 |
<map> | 定义图像映射 |
<mark>HTML5 | 定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。 |
<menu> | 不赞成使用。定义菜单列表。 |
<meta> | 定义关于 HTML 文档的元信息。 |
<meter>HTML5 | 定义度量衡。仅用于已知最大和最小值的度量。 |
<nav>HTML5 | 定义导航链接的部分 |
<noframes> | 定义针对不支持框架的用户的替代内容。HTML5不支持 |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 |
<object> | 定义内嵌对象 |
<ol> | 定义有序列表。 |
<optgroup> | 定义选择列表中相关选项的组合。 |
<option> | 定义选择列表中的选项。 |
<output>HTML5 | 定义不同类型的输出,比如脚本的输出。 |
<p> | 定义段落。 |
<param> | 定义对象的参数。 |
<pre> | 定义预格式文本。 |
<progress>HTML5 | 定义运行中的进度(进程)。 |
<q> | 定义短的引用。 |
<rp>HTML5 | <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。 |
<rt>HTML5 | <rt> 标签定义字符(中文注音或字符)的解释或发音。 |
<ruby>HTML5 | <ruby> 标签定义 ruby 注释(中文注音或字符)。 |
<s> | 不赞成使用。定义加删除线的文本。 |
<samp> | 定义计算机代码样本。 |
<script> | 定义客户端脚本。 |
<section>HTML5 | <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 |
<select> | 定义选择列表(下拉列表)。 |
<small> | 定义小号文本。 |
<source>HTML5 | <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。 |
<span> | 定义文档中的节。 |
<strike> | HTML5不支持,不赞成使用。定义加删除线文本。 |
<strong> | 定义强调文本。 |
<style> | 定义文档的样式信息。 |
<sub> | 定义下标文本。 |
<summary>HTML5 | <summary> 标签包含 details 元素的标题,”details” 元素用于描述有关文档或文档片段的详细信息。 |
<sup> | 定义上标文本。 |
<table> | 定义表格。 |
<tbody> | 定义表格中的主体内容。 |
<td> | 定义表格中的单元。 |
<textarea> | 定义多行的文本输入控件。 |
<tfoot> | 定义表格中的表注内容(脚注)。 |
<th> | 定义表格中的表头单元格。 |
<thead> | 定义表格中的表头内容。 |
<time>HTML5 | 定义日期或时间,或者两者。 |
<title> | 定义文档的标题。 |
<tr> | 定义表格中的行。 |
<track>HTML5 | <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。 |
<tt> | 定义打字机文本。 |
<u> | 不赞成使用。定义下划线文本。 |
<ul> | 定义无序列表。 |
<var> | 定义文本的变量部分。 |
<video>HTML5 | <video> 标签定义视频,比如电影片段或其他视频流。 |
<wbr>HTML5 | 规定在文本中的何处适合添加换行符。 |