HTML基础标签
标签 | 描述 |
---|---|
<!DOCTYPE> |
定义文档类型。 |
<html> |
定义 HTML 文档。 |
<title> |
定义文档的标题。 |
<body> |
定义文档的主体。 |
<h1> to <h6> |
定义 HTML 标题。 |
<p> |
定义段落。 |
<br> |
定义简单的折行。 |
<hr> |
定义水平线。 |
<!--...--> |
定义注释。 |
<!DOCTYPE>
标签
定义和用法
<!DOCTYPE>
声明必须是 HTML 文档的第一行,位于 <html>
标签之前。
声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种:<!DOCTYPE html>
提示和注释
注释:<!DOCTYPE> 声明没有结束标签。
提示:<!DOCTYPE> 声明对大小写不敏感。
<html>
标签
定义和用法
此元素可告知浏览器其自身是一个 HTML 文档。
<html>
与 </html>
标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
提示和注释
注释:即使 html 元素是文档的根元素,它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。
属性
属性 | 值 | 描述 |
---|---|---|
manifest | url | 定义一个 URL,在这个 URL 上描述了文档的缓存信息。 |
xmlns | 定义 XML namespace 属性。 |
<title>
标签
定义和用法
<title>
元素可定义文档的标题。
浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
提示和注释
提示:<title>
标签是 <head>
标签中唯一要求包含的东西。
标准属性
<title>
标签支持以下标准属性:
属性 | 值 | 描述 |
---|---|---|
dir | rtl ltr | 规定元素中内容的文本方向。 |
lang | language_code | 规定元素中内容的语言代码。 |
xml:lang | language_code | 规定 XHTML 文档中元素内容的语言代码。 |
<body>
标签
定义和用法
body 元素定义文档的主体。
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,所有 body 元素的“呈现属性”均不被赞成使用。
在 XHTML 1.0 Strict DTD 中,所有 body 元素的“呈现属性”均不被支持。
可选的属性
属性 | 值 | 描述 |
---|---|---|
alink | rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请使用样式取代它。 规定文档中活动链接(active link)的的颜色。 |
background | URL | 不赞成使用。请使用样式取代它。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请使用样式取代它。 规定文档的背景颜色。 |
link | rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请使用样式取代它。 规定文档中未访问链接的默认颜色。 |
text | rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请使用样式取代它。 规定文档中所有文本的颜色。 |
vlink | rgb(x,x,x) #xxxxxx colorname |
不赞成使用。请使用样式取代它。 规定文档中已被访问链接的颜色。 |
<h1>
到 <h6>
标签
定义和用法
<h1>
- <h6>
标签可定义标题。<h1>
定义最大的标题。<h6>
定义最小的标题。
由于 h 元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
标准属性
id, class, title, style, dir, lang, xml:lang
事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<p>
标签
定义和用法
<p>
标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
<br>
标签
定义和用法
<br>
可插入一个简单的换行符。
<br>
标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>
)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />
。
请注意,<br>
标签只是简单地开始新的一行,而当浏览器遇到 <p>
标签时,通常会在相邻的段落之间插入一些垂直的间距。
clear 属性
如果您希望文本流在内联表格或图像的下一行继续输出,请使用 clear 属性,该属性有三个可选的值:left、right 或者 all,每个值都代表一个边界或两边的边界。
提示和注释
注释:请使用 <br>
来输入空行,而不是分割段落。
<hr>
标签
定义和用法
<hr>
标签在 HTML 页面中创建一条水平线。
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。
可选的属性
属性 | 值 | 描述 |
---|---|---|
align | center left right |
不赞成使用。请使用样式取代它。 规定 hr 元素的对齐方式。 |
noshade | noshade | 不赞成使用。请使用样式取代它。 规定 hr 元素的颜色呈现为纯色。 |
size | pixels | 不赞成使用。请使用样式取代它。 规定 hr 元素的高度(厚度)。 |
width | pixels % |
不赞成使用。请使用样式取代它。 规定 hr 元素的宽度。 |
<!--...-->
标签
定义和用法
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。
使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯(这样就不会把脚本显示为纯文本)。