一：什么是HTML
HTML（HyperText Mark-up Language）即超文本标记语言或超文本标签语言
何为超文本：“超文本”可以实现页面内可以包含图片、链接，甚至音乐、程序等。
网页文件本身是一种文本文件，它通过标记符号来标记要显示的网页中的各个部分。
何为标记：当浏览器遇到对应的标签符号时 就实现对应的功能！
网页文件扩展名：.html .htm
----------------------------------------------------------------------------------------------------------------------------------------------------
二：HTML文件结构
<html> <!--HTML文件的声明开始-->
<head></head> <!--HTML文件的头部部分-->
<body></body> <!--HTML文件的主体部分-->
</html> <!--HTML文件的声明结束-->
----------------------------------------------------------------------------------------------------------------------------------------------------
三：标签分类
- 标签主要分为双边标签（innerHTML只能获取双边标签中的内容）与单边标签
- HTML标签通常是成对出现的（双边标签），比如 <div> 和 </div>
- 双边标签中的第一个标签是开始标签，第二个标签是结束标签；
- 也有单独呈现的标签（单边标签），如：<br />、<hr />和<img src=“images/1.jpg” />
- 双边标签，其内容在两个标签中间。如<h1>标题</h1>
- 单边标签，其内容在标签属性中赋值。<input type=“text” value=“按钮” />
块级标签和行内标签的区别：
1） 块级元素
● 霸占一行，不能与其他任何元素并列
● 能接受宽、高
● 如果不设置宽度，那么宽度将默认变为其父元素的100%。
2） 行内元素
● 与其他行内元素并排
● 不能设置宽、高。默认的宽度，就是内容的宽度。
块级元素：p、h1~h6 排版标签一般都是属于块级元素
行内元素：b、i、u、font、sup、sub 文本修饰标签一般都是属于行内元素
----------------------------------------------------------------------------------------------------------------------------------------------------
书写规则
- HTML标签是由一对尖括号包围的关键词，比如 <html>
- 标签名不区分大小写 但是建议使用小写 <font> <FONT> <Font>
- 如果标签中有属性 属性与标签名之间要有一个空格 如果一个标签内有多个属性 属性与属性之间要有一个空格 属性要写在开始标签中 不能写在结束标签中
- 如果标签中有属性 属性的值是需要加引号的 单引号和双引号都可以
- 每一个标签都需要关闭，单边标签需要使用反斜线关闭！
标签与标签之间的嵌套只能使用顺序嵌套 不能交叉嵌套
标签可以有若干个属性，也可以不带属性。如<head>标签就不带任何属性
----------------------------------------------------------------------------------------------------------------------------------------------------
四：注释
为什么要写注释？
比如:方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等。
可以在HTML文档中加入自己的注释。注释不会显示在页面中，它可以用来提醒程序员回忆相关的程序信息。
注释的格式：
<!—注释的内容-->
----------------------------------------------------------------------------------------------------------------------------------------------------
五：字符实体
在 HTML 中，某些字符是预留的。
在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体。
|
空格 |
|
|
> |
> |
|
< |
< |
|
& |
& |
|
￥ |
¥ |
|
版权 |
© |
|
注册 |
® |
|
× |
× |
|
÷ |
÷ |