认识HTML标签的第一章_doctype a-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_61981943/article/details/131430750

本文介绍了HTML中的注释语法、<!DOCTYPE>声明的作用以及<a>,<abbr>,<audio>,<big>,<body>,<br>,<button>等标签的定义、用法和属性。强调了在HTML文档中添加<!DOCTYPE>声明的重要性，以及HTML5中某些标签的废弃情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML  标签

实例

HTML 注释：

<!--这是一段注释。注释不会在浏览器中显示。-->

<p>这是一段普通的段落。</p>

定义和用法

注释标签用于在源代码中插入注释。注释不会显示在浏览器中。

您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）：

<script type="text/javascript">
<!--
function displayMsg()
{
alert("Hello World!")
}
//-->
</script>

注释：注释行结尾处的两条斜杠 (//) 是 JavaScript 注释符号。这可以避免 JavaScript 执行 --> 标签。

标准属性

注释标签不支持任何标准属性。

如需更多有关 HTML 标准属性的信息，请访问标准属性。

事件属性

注释标签不支持任何事件属性。

如需更多有关 HTML 事件属性的信息，请访问事件属性。

HTML <!DOCTYPE> 声明

实例

<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>

<body>
文档的内容......
</body>

</html>

定义和用法

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。

<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

提示：请始终向 HTML 文档添加 <!DOCTYPE> 声明，这样浏览器才能获知文档类型。

所有浏览器都支持 <!DOCTYPE> 声明。

HTML <a> 标签

实例

指向百度的超链接：

<a href="http://www.baidu.com.cn">W3School</a>

定义和用法

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

提示：您可能已经注意到了，百度站点内的链接外观与默认的链接外观非常不同。您可以使用 CSS 伪类向文本超链接添加复杂而多样的样式。

全局属性

<a> 标签支持 HTML 中的全局属性。

事件属性

<a> 标签支持 HTML 中的事件属性。

HTML <abbr> 标签

实例

标记一个缩写：

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

定义和用法

<abbr> 标签指示简称或缩写，比如 "WWW" 或 "NATO"。

通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。

<abbr> 标签最初是在 HTML 4.0 中引入的，表示它所包含的文本是一个更长的单词或短语的缩写形式。

提示和注释

提示：可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。

全局属性

<abbr> 标签支持 HTML 中的全局属性。

事件属性

<abbr> 标签支持 HTML 中的事件属性。

HTML <audio> 标签

实例

一段简单的 HTML 5 音频：

<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>

定义和用法

<audio> 标签定义声音，比如音乐或其他音频流。

属性

全局属性

<audio> 标签支持 HTML 中的全局属性。

事件属性

<audio> 标签支持 HTML 中的事件属性。

HTML <big> 标签

HTML5 中不支持

<big> 标签在 HTML 4 中用于定义更大的文本

定义和用法

<big> 标签呈现大号字体效果。

使用 <big> 标签可以很容易地放大字体。这简直不能再简单了：浏览器显示包含在 <big> 标签和其相应的 </big> 标签之间的文字时，其字体比周围的文字要大一号。但是，如果文字已经是最大号字体，这个 <big> 标签将不起任何作用。

更妙的是，可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号，直到上限 7 号文本，正如字体模型所定义的那样。

但是使用 <big> 标签的时候还是要小心，因为浏览器总是很宽大地试图去理解各种标签，对于那些不支持 <big> 标签的浏览器来说，它经常将其认为是粗体字标签。

HTML <body> 标签

实例

一个简单的 HTML 文档，带有最基本的必需的元素：

<html>

<head>
  <title>文档的标题</title>
</head>

<body>
  文档的内容... ...
</body>

</html>

定义和用法

body 元素定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

可选的属性

全局属性

<body> 标签支持 HTML 中的全局属性。

事件属性

<body> 标签支持 HTML 中的事件属性。

HTML <br> 标签

br是一个换行标签

定义和用法

<br> 可插入一个简单的换行符。

<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。

请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。

clear 属性

如果您希望文本流在内联表格或图像的下一行继续输出，请使用 clear 属性，该属性有三个可选的值：left、right 或者 all，每个值都代表一个边界或两边的边界。

更多有关 <br> 标签的 clear 属性的信息。

全局属性

<br> 标签支持 HTML 中的全局属性。

事件属性

<br> 标签支持 HTML 中的事件属性。

HTML <button> 标签

实例

以下代码标记了一个按钮：

<button type="button">Click Me!</button>

所有主流浏览器都支持 <button> 标签。

重要事项：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 </button> 之间的文本，而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。

定义和用法

<button> 标签定义一个按钮。

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

<button> 控件与 <input type="button"> 相比，提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。