HTML 学习
1. 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML学习</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>
2. 创建水平线
<hr /> 标签在 HTML 页面中创建水平线。
3. 注释
<!-- 我是注释，在界面中不会显示 -->
4. 段落
段落是通过 <p> 标签定义的。
5. 长引用
HTML `<blockquote>` 元素定义被引用的节。浏览器通常会对 `<blockquote>` 元素进行缩进处理。
6. 短引用
HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号。
7. 缩略词
HTML <abbr> 元素定义缩写或首字母缩略语，当鼠标移到缩略词上后会显示完整字符
例：
<p><abbr title="World Health Organization">WHO</abbr> 成立于 1948 年。</p>
8. 定义
HTML <dfn> 元素定义项目或缩写的定义。
- 如果设置了 <dfn> 元素的 title 属性，则定义项目：
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
- 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目:
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
- 否则，<dfn> 文本内容即是项目，并且父元素包含定义。
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
9. HTML 格式化标签
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的：
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。
<!--文本格式化-->
<b>这个文本是加粗的</b>
<br />
<strong>这个文本是加粗的</strong>
<br />
<big>这个文本字体放大</big>
<br />
<em>这个文本是斜体的</em>
<br />
<i>这个文本是斜体的</i>
<br />
<small>这个文本是缩小的</small>
<br />
这个文本包含
<sub>下标</sub>
<br />
这个文本包含
<sup>上标</sup>
HTML <kbd> 元素定义键盘输入：
<p>To open a file, select:</p>
<p><kbd>File | Open...</kbd></p>
10. 链接
- HTML使用标签 <a>来设置超文本链接。
- 超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
- 当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
- 在标签<a> 中使用了href属性来描述链接的地址。
- 默认情况下，链接将以以下形式出现在浏览器中：
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时，链接显示为红色并带有下划线。
语法： <a href="url">Link text</a>开始标签和结束标签之间的文字被作为超级链接来显示。
注意：如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。
提示："链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
11. HTML<head>元素
- <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。
- 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
12. HTML<title> 元素
- <title> 标签定义了不同文档的标题。
- <title> 在 HTML/XHTML 文档中是必须的。
- <title> 元素:
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时，显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
13. HTML <base> 元素
<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
14. HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:
提示和注释：
注：
- link 元素是空元素，它仅包含属性。
- 此元素只能存在于 head 部分，不过它可出现任何次数。
- 在 HTML 中，<link> 标签没有结束标签。
- 在 XHTML 中，<link> 标签必须被正确地关闭。
15. HTML <style> 元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
16. HTML <meta> 元素 （待使用）
meta标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析。
META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。
元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。
<meta> 一般放置于 <head> 区域
17. HTML <script> 元素 （待使用）
<script>标签用于加载脚本文件，如： JavaScript
网友评论