一、HTML简介
1.什么是 HTML？
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 使用标记标签来描述网页
2.HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
3.HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
二、HMTL基础
1.HTML 标题
HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
2.HTML 段落
HTML 段落是通过 <p> 标签进行定义的。
3.HTML 链接
HTML 链接是通过 <a> 标签进行定义的。
4.HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
三、HTML 元素
HTML 文档是由 HTML 元素定义的。
1.HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
<p> </p>
2.HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
3.嵌套的 HTML 元素
大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。
HTML 文档由嵌套的 HTML 元素构成。
4.空的 HTML 元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
HTML 提示：使用小写标签
三、HTML 属性
属性为 HTML 元素提供附加信息。
1.HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=“value”。
属性总是在 HTML 元素的开始标签中规定。
2.属性实例
（1）a标签
<a href=''></a>
HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定。
（2）h1定义标题的开始
<h1 align="center"> 拥有关于对齐方式的附加信息。居中对齐。
（3）body标签
<body>定义HTML文档的主题。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。黄色。
（4）table标签
<table> 定义 HTML 表格。
<table border="1"> 拥有关于表格边框的附加信息。
四、HTML标题
1.标题（Heading）
是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。
2.HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
3.HTML 注释
可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。
注释是这样写的：<!-- -->
五、HTML 段落
1.HTML 段落
段落是通过 <p> 标签定义的。
注释：浏览器会自动地在段落的前后添加空行。（
是块级元素）
使用空的段落标记
去插入一个空行是个坏习惯。用
标签代替它！但是不要用
标签去创建列表。
2.HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签。
3.HTML 输出 - 有用的提示
当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
六、HTML 样式
style 属性用于改变 HTML 元素的样式。
1.HTML 的 style 属性
style 属性的作用：
提供了一种改变所有 HTML 元素的样式的通用方法。
通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。
2.不赞成使用的标签和属性
标签：
<center>定义居中的内容
<font>和<basefont>定义HTML字体
<s>和<strike>定义删除线文本
<u>定义下划线文本
属性：
<align> 定义文本的对齐方式
<bgcolor>定义背景颜色
<color>定义文本颜色
对于以上这些标签和属性：请使用样式style代替！
2.背景颜色
background-color 属性为元素定义了背景颜色。
<body style="background-color:yellow">
style 属性淘汰了“旧的” bgcolor 属性。
3.字体、颜色和尺寸
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸。
style 属性淘汰了旧的 标签。
4.文本对齐
text-align 属性规定了元素中文本的水平对齐方式。
style 属性淘汰了旧的 “align” 属性。
七、HTML 文本格式化
HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
1.文本格式化标签
| 标签<> | 描述 |
|---|---|
| b | 定义粗体文字 |
| big | 定义 大号字 |
| em | 定义着重文字（斜体） |
| i | 定义斜体文字 |
| samll | 定义小号字体 |
| strong | 定义加重语气 |
| sub | 定义下标字 |
| sup | 定义上标字 |
| ins | 定义插入字 |
| del | 定义删除字 |
| s | 不赞成使用。使用del代替 |
| strike | 不赞成使用。使用del代替 |
| u | 不赞成使用。使用样式style代替 |
2.“计算机输出”标签
| 标签<> | 描述 |
|---|---|
| code | 定义计算机代码 |
| kbd | 定义键盘码 |
| samp | 定义计算机代码样本 |
| tt | 定义打字机代码 |
| var | 定义变量 |
| pre | 定义预格式文本 （保留了空格和换行） |
| listing | 不赞成使用。使用pre代替 |
| plaintext | 不赞成使用。使用pre代替 |
| xmp | 不赞成使用。使用pre代替 |
3.引用、引用和术语定义
| 标签<> | 描述 |
|---|---|
| abbr | 定义缩写 |
| acronym | 定义首字母缩写 |
| address | 定义地址 |
| bdo | 定义文字方向 |
| blockquote | 定义长的引用 |
| q | 英语短的引用语 |
| cite | 定义引用、引证 |
| dfn | 定义一个定义项目 |
八、HTML引用
引用（Quotation）
1.HTML <q> 用于短的引用
HTML <q> 元素定义短的引用。
浏览器通常会为 <q> 元素包围引号。
2.用于长引用的 HTML <blockquote>
HTML <blockquote> 元素定义被引用的节。
浏览器通常会对 <blockquote> 元素进行缩进处理。
3.用于缩略词的 HTML <abbr>
HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
4.用于定义的 HTML <dfn>
HTML <dfn> 元素定义项目或缩写的定义。
<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：
（1） 如果设置了 <dfn> 元素的 title 属性，则定义项目：
<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>
结果：
WHO 成立于 1948 年。
（2）如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：
<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p>
结果：
WHO 成立于 1948 年。
（3） 否则，<dfn> 文本内容即是项目，并且父元素包含定义。
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
结果：
WHO World Health Organization 成立于 1948 年。
如果您希望简而化之，请使用第一条，或使用
<abbr>代替。
5.用于联系信息的 HTML <address>
HTML <address> 元素定义文档或文章的联系信息（作者/拥有者）。
此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
6.用于著作标题的 HTML <cite>
HTML <cite> 元素定义著作的标题。
浏览器通常会以斜体显示 <cite> 元素。
7.用于双向重写的 HTML <bdo>
HTML <bdo> 元素定义双流向覆盖（bi-directional override）。
<bdo> 元素用于覆盖当前文本方向。
447
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
