HTML学习笔记（一）
<!DOCTYPE html>声明必须位于HTML文档的第一行
声明了文档类型位html。
HTML 注释： <!-- 我是注释 -->
HTML文档的基本结构：
<html>
<!-- 定义当前文档中的基本信息 -->
<head></head>
<!-- 定义当前文档中包含的所有组件 -->
<body></body>
</html>
- <html> 与 </html> 之间的文本描述网页
- <body> 与 </body> 之间的文本是可见的页面内容
html文档简单小例:
<!DOCTPYE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
文档内容
<h2>
我是标题
</h2>
<p>
我是段落
</p>
</body>
</html>
小例图示：
HTML 段落 <p> 标签进行定义。浏览器会自动地在段落的前后添加空行。<p> 是块级元素
HTML 标题 <h1> - <h6> 字体由大变小
<html>
<head>
<title>我是页面标题</title>
</head>
<body>
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
</body>
</html>
HTML 链接 <a> 标签进行定义：在 href 属性中指定链接的地址
</br>为换行标签
<html>
<body>
<a href="http://img.my.csdn.net/uploads/201603/29/1459237428_4526.gif">
点我链接到一个gif图片！
</a>
</br>
<a href="http://img.my.csdn.net/uploads/201603/29/1459237409_6607.jpg">
点我链接到一个静态图片！
</a>
</br>
<a href="http://www.baidu.com">
点我链接到百度~
</a>
</body>
</html>
HTML 图像 <img> 标签进行定义的。
<html><body>
<img src="http://img.my.csdn.net/uploads/201603/29/1459237409_6607.jpg" width="360" height="300"/>
</br>
<img src="http://img.my.csdn.net/uploads/201603/29/1459237428_4526.gif"/>
</br>
<img src="http://img.my.csdn.net/uploads/201603/29/1459237404_6677.jpg"/>
</body>
</html>
HTML 水平线 <hr /> 标签在 HTML 页面中创建水平线。可用于分隔内容。
<body>
<p>hr标签定义水平线</p>
<hr/>
<p>我是段落</p>
<hr/>
<p>我也是段落</p>
<hr/>
<p>我还是段落</p>
</body>
</html>
注意：当显示页面时，浏览器会移除源代码中多余的空格和空行。
所有连续的空格或空行都会被算作一个空格。
需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
eg:(例子引用w3c)
<html>
<body>
<h1>春晓</h1>
<p>
春眠不觉晓，
处处闻啼鸟。
夜来风雨声，
花落知多少。
</p>
<p>注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。</p>
</body>
</html>
文本格式化标签
| <b> | 定义粗体文本。 |
| <big> | 定义大号字。 |
| <em> | 定义着重文字。 |
| <i> | 定义斜体字。 |
| <small> | 定义小号字。 |
| <strong> | 定义加重语气。 |
| <sub> | 定义下标字。 |
| <sup> | 定义上标字。 |
| <ins> | 定义插入字。 |
| <del> | 定义删除字。 |
<html>
<body>
<b>我是粗体文本b标签</b>
<br/>
<big>我是大号字big标签</big>
<br/>
<em>着重文字em标签</em>
<br/>
<i>斜体字i标签</i>
<br/>
<small>小号字small标签</small>
<br/>
<strong>加重语气strong标签</strong>
<br/>
<sub>下标字sub标签</sub>
<br/>
<sup>上标字sup标签</sup>
<br/>
<ins>插入字ins标签</ins>
<br/>
<del>删除字del标签</del>
</body>
</html>
HTML 文本格式化其他实例参见w3cschool 文本格式化
- 预格式文本 ：演示如何使用 pre 标签对空行和空格进行控制。
- “计算机输出”标签 ：演示不同的“计算机输出”标签的显示效果。
- 地址 ：演示如何在 HTML 文件中写地址。
- 缩写和首字母缩写 ：演示如何实现缩写或首字母缩写。
- 文字方向 ：演示如何改变文字的方向。
- 块引用 ：演示如何实现长短不一的引用语。
- 删除字效果和插入字效果 ：演示如何标记删除文本和插入文本。
-
-