认识HTML
- HTML：HyperText Markup Language，超文本标记语言
- HTML的作用：
1.首先利用记事本保存一个标题和两段文字描述，然后修改纯文本文件的扩展名为.html，然后使用浏览器打开；
2.打开之后发现显示的格式不对，原因是纯文本文件当中所有的文字都是一个级别（去格式化），浏览器不知道那些文字是什么意思，也不知道哪些文字是什么格式，不是谁是标题，谁是段落，最终导致了显示格式的不正确；
3.因此，HTML应运而生，HTML就是用来标记纯文本文件中文本的语义的，是用HTML标记之后，浏览器才会知道谁是标题，谁是段落；
4.这些用于描述（标记）其他文本的语义的文本，称之为标签，而且标签在浏览器中不会被显示出来。
- 注意事项：
虽然利用<h1>描述一段文本之后，这段文字在浏览器中显示出来的效果是字号变大，加粗，看上去我们是利用html改变了文字的样式，但是实际上，html只有一个作用：给文本添加语义！而不是用来修改样式的。
例：<h1> 标签的作用是什么？
答：错误：<h1> 标签可以改变文字大小，并加粗文本；
答：正确：<h1> 标签是用来标记文本为一级标题。
编写网页的步骤
- 新建文本文档
- 记事本打开文档并编写HTML代码
- 保存并修改文档的后缀名为.html
- 浏览器打开编写好的文件
HTML代码，固定格式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个HTML网页</title>
</head>
<body>
<h1>张卫健</h1>
<p>张卫健，1965年2月8日出生于香港，中国香港男演员、歌手，香港电视专业人员协会荣誉副主。</p>
<p>1984年，张卫健以香港新秀歌唱大赛冠军身份出道迈入娱乐圈，在张国荣的帮助下进军歌坛后，又带着对演戏的热爱踏入影视圈。1985年，出演个人首部电影《疯狂游戏》。1991年，凭借担纲演出电视剧《老友鬼鬼》，推出个人粤语专辑《真真假假》。1996年，出演TVB《西游记》，凭“孙悟空”获TVB“我最难忘的男主角”，后因无线电视之经验而转战台湾与内地。</p>
</body>
</html>
HTML结构详解
- HTML基本结构中的标签都是成对出现的，一个开始，一个结束；
- DTD文档声明
- 因为HTML有很多个版本的规范，每个版本之间的规范又存在一定的差异，所以为了让浏览器能够正确的编译、解析、渲染网页，需要在html文件的第一行进行dtd文档声明，上面代码中为HTML5的DTD文档声明
- 任何一个标注你的HTML的网页，第一行都必须是 DTD文档声明
- DTD文档的声明不区别大小写
- DTD文档的声明不是一个标签
- 虽然DTD文档的声明是指示浏览器使用哪一个版本的规范来解析渲染网页，但是浏览器不会完全依赖于该声明，浏览器有自己的一套机制，实际上该声明只具有参考作用
- DTD文档常用声明
<html>标签告诉浏览器这是一个网页，其他所有的标签都必须写在一对<html></html>之间；<head>标签给一个网页添加一些配置信息，标签内的内容一般都不会显示给用户查看
- 指定网页的标题；网页的图片
- 指定网页的关键字、网页的描述信息
- 外挂一些外部的css/js文件
- 添加一些浏览器适配相关的内容
<meta>标签指定解析当前网页使用的字符集，charset=”UTF-8”
- 字符集是字符的集合，常用的字符集有GBK/UTF-8
- GBK（GB2312）存储的字符比较少，包括汉字和常用外文，体积小
- UTF-8 存储了世界上所有的文字，体积比较大
- 在html文件中指定的字符集必须和保存这个文件的字符集一致，否则会出现乱码
<title>标签指定网页的标题，同时作为用户保存网页的默认标题<body>标签标记html文档中用于给用户查看的内容（文字、音频、视频、图片），<body>标签在一对 <html>标签中只能有一个- 标签分类
- 单标签：
<br></br>
- 双标签：
<br/>
- 并列关系（兄弟、平级）
<head>&<body>
- 嵌套关系（父子、上下级）
<body>&<p>
HTML，HTML5，XHTML的区别
- HTML语法非常宽松，容错性强
- XHTML比较严格，要求标签必须小写，必须严格闭合，标签中的属性值必须使用引号
- HTML5跟HTML一样语法宽松容错性强，比HTML增加了许多新特性
- .htm和.html区别：dos系统后缀名最多只允许三位，.htm是系统遗留问题。