01_helloworld.html

## 示例代码 ```html 01_helloworld.html hello world! ``` 示例代码说明: - html 标签: 定义 HTML 文档，HTML 文档的根标签。 - head 标签: 定义关于文档的基本信息。 - body 标签: 定义文档的主体，运行 HTML 文档时显示的内容。 - title 标签: 定义文档的标题。在运行网页时，页面顶端显示的内容。 - font 标签: 定义文字的字体、尺寸和颜色。 ## HTML元素（标签） HTML 标记标签通常被称为 HTML 标签，"HTML 标签" 和"HTML 元素" 通常都是描述同样的意思。（一个 HTML 元素包含了开始标签与结束标签） - HTML 标签是由尖括号包围的关键词，比如 `` - HTML 标签通常是成对出现的，比如 `` 和 `` - 标签对中的第一个标签是开始标签，第二个标签是结束标签 - 开始和结束标签也被称为开放标签和闭合标签 > **值得注意的是:** > > 不要忘记结束标签: > > ```html > hello world! > ``` > > - 即使忘记了使用结束标签，大多数浏览器也会正确地显示 HTML。 > - HTML 文档中，关闭标签是可选的。 > - 不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。 > > HTML 空元素: > > - 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 > - `
` 就是没有关闭标签的空元素（`
` 标签定义换行）。 > - 在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。 > - 在开始标签中添加斜杠，比如 `
`，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。 > - 即使 `
` 在所有浏览器中都是有效的，但使用 `
` 其实是更长远的保障。 > > 推荐使用小写标签: > > - HTML 标签对大小写不敏感：`

` 等同于 `

`。许多网站都使用大写的 HTML 标签。 > - 万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。 ## HTML 属性 ```html hello world! ``` 属性是 HTML 元素提供的附加信息。 - HTML 元素可以设置属性。 - 属性可以在元素中添加附加信息。 - 属性一般描述于开始标签。 - 属性总是以名称/值对的形式出现，比如：name="value"。 > **值得注意的是:** > > HTML 属性常用引用属性值: > > - 属性值应该始终被包括在引号内。 > - 双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么必须使用单引号。 > > 推荐使用小写属性: > > - 属性和属性值对大小写不敏感。 > - 万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。 > - 新版本的 (X)HTML 要求使用小写属性。 ## HTML 注释 ```html ``` - 开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。 - 浏览器会忽略注释，也不会显示它们。 - 将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。 - 合理地使用注释可以对未来的代码编辑工作产生帮助。 ## HTML 文档 ``` HTML文档 = 网页 ``` - HTML文档描述网页 - HTML文档包含HTML标签和纯文本 - HTML文档也被称为网页 - HTML文档文件的后缀名为“.html”和“.htm”，两种后缀名没有任何区别 ## HTML 基本结构 ```html ``` ## 声明声明有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明 HTML 的版本，浏览器就能正确显示网页内容。 - 声明位于文档中的最前面的位置，处于标签之前。 - 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。 - 总是给您的 HTML 文档添加声明，确保浏览器能够预先知道文档类型。各个HTML版本的声明应如何书写: - HTML 5 ```html ``` - HTML 4.01 Strict 这个 DTD 包含所有 HTML 元素和属性，但不包括表象或过时的元素（如 font ）。框架集是不允许的。 ```html ``` - HTML 4.01 Transitional 这个 DTD 包含所有 HTML 元素和属性，包括表象或过时的元素（如 font ）。框架集是不允许的。 ```html ``` - HTML 4.01 Frameset 这个 DTD 与 HTML 4.01 Transitional 相同，但是允许使用框架集内容。 ```html ``` ## HTML 头部 ### `` 元素 `` 元素包含了所有的头部标签元素。在 `` 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种 meta 信息。可以添加在头部区域的元素标签为: ``, `<style>`, `<meta>`, `<link>`, `<script>`, `<noscript>`, and `<base>`。 ### `<title>` 元素 `<title>` 标签定义了不同文档的标题。`<title>` 在 HTML/XHTML 文档中是必须的。 ### `<base>` 元素 `<base>` 标签描述了基本的链接地址/链接目标，该标签作为 HTML 文档中所有的链接标签的默认链接。 ### `<link>` 元素 `<link>` 标签定义了一个文档和外部资源之间的关系。 ### `<style>` 元素 `<style>` 标签定义了HTML文档的样式文件引用地址。 ### `<meta>` 元素 meta 标签描述了一些基本的元数据。`<meta>` 标签提供了元数据。元数据也不显示在页面上，但会被浏览器解析。 meta 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务。 > **`<meta>` 标签使用实例** > > - 为搜索引擎定义关键词: > > ```html > <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> > ``` > > - 为网页定义描述内容: > > ```html > <meta name="description" content="Free Web tutorials on HTML and CSS"> > ``` > > - 定义网页作者: > > ```html > <meta name="author" content="King"> > ``` > > - 每30秒中刷新当前页: > > ```html > <meta http-equiv="refresh" content="30"> > ```