【干货】学会HTML，能让你追到女朋友哦！大神教你如何学习html - html5吧

level 8

超级笑笑宝宝楼主

有小伙伴们说找不到女朋友（男朋友），别说小源同学我不照顾你们，快来跟跟我学下吧，学会HTML你就会找到了，下面的技术文章由我们的教学总监玄武老师提供，还是给你们介绍一下吧！！！

这次会把HTML以连载方式分享给大家，找到女朋友（男朋友），记得

先不跟你们废话啦！！！给你们技术干活，记得好好学哦，找不到会不怪我啦！！
先给你们看大纲（这一次的哦，内容有点多，仔细看）
学html先学习HTML入门（掌握），再学习 HTML标签（掌握）。
我们先从HTML入门学起吧
一、HTML入门（掌握）
本章的内容学习知识内容
HTML的代码文件
HTML的基本结构
HTML的基本结构的认识
HTML的注释
HTML的编码问题
HTML的规范
1. 编写一个最简单的HTML文件
1）新建一个文本文档
2）将后缀名改为html（htm）
3）就可以在里面开始写HTML代码了
好好学习，天天向上 <br />
<h1>好好学习，天天向上</h1>
4）点击文件，使用浏览器打开查看效果
2. HTML的语法2.1 HTML文件格式
一般我们写的代码需要存储在文件中，比如php代码存储在.php文件中；
HTML代码一般保存在后缀名为 .html 或 .htm 文件中比如index.html或者 index.htm，
所以为了让大家知道你文件中是什么内容，我们编写一个HTML网页时文件名的后缀为html或htm，建议为html。
2.2 HTML标签格式2.2.1什么是 HTML 标签？
· HTML标签也称为HTML标记，由开始标签和结束标签组成，用于表现结构化的内容，将内容构造成为一个完整的网页。
· 开始标签是被括号包围的元素名。
· 结束标签是被括号包围的斜杠和元素名。
如：<h1></h1> <b></b>
注意：有些 HTML 元素没有结束标签，比如 <br />
2.2.2 单标签与双标签
1）双标签
双标签是指由开始标签和结束标签组成，比如前面认识到的html，body，head，title，h1等等都是双标签；
例：<b>内容</b>
2）单标签
单标签是指没有结束标签的标签，由一个标签构成即为开始也是结束；
但根据XHTML的规范，标签一定要有结束，于是写上自结束符号： /
例：<hr />
问题：哪些标签是双标签，哪些是单标签？有没有规律？
2.2.3 标签属性
定义：属性描述标签的更多细节
比如字体标签<font>，如果需要设置字体大小，我们就需要使用size属性；
语法：<标签名属性名="属性值" 属性名="属性值" ....>

<font size="7">大不大</font>
属性值可以加双引号，也可以加单引号，也可以不加引号；千万不要在一个值又加单引号又加单引（混合），我们建议大家都使用双引号。
HTML 标签拥有通用属性，也就是每个标签都有属性（有个别例外）。
Base，head，html，meta，script，style，title标签不提供下面的属性：

3. HTML的基本结构

2017年03月14日 07点03分 1

level 8

超级笑笑宝宝楼主

4. HTML基本结构的认识

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8"/>

<meta name="keywords" content="Java培训、UI培训、PHP培训"/>
<meta name="description" content=""/>

<title>你看得见我嘛？</title>
</head>

<body>
我是一个中国人
</body>
</html>
5. HTML的注释
语法：
含义：注释标签用来在源文档中插入注释。注释会被浏览器忽略。您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。
eclipse注释快捷键： shift+ctrl+/
注意：注释不能嵌套

注释嵌套是错误的
-->
6. HTML的编码问题
常见的编码格式有：