HTML学习之路-第一天

1.HTML的作用

（1）HTML不是一门编程语言，而是一门超文本标记语言

（2）HTML不能改变网页的样式

（3）专门用来给文本添加语义的语言，只有这一个作用

2.第一个HTML网页编写的步骤

（1）新建一个文本文档

（2）用记事本打开

（3）编写HTML代码

代码如图1-1，这是基本结构

图1-1  HTML文件的基本结构

（4）保存并修改文件的扩展名为“.html”

（5）用浏览器打开

3.HTML基本结构详解

（1）HTML中所有标签都是成对出现的，格式为"<...>..."，分别为开始标签与结束标签

（2）"..."：告诉浏览器这是一个网页，其他标签必须写在这里面

（3）“...”：用于给网站添加配置信息，例如网站标题，网站图片，制定网站的关键字、描述信息，外挂一些外部css、js文件

（4）“”：制定网站标题，也是将来用户保存网页的标题，必须写在“”标签里面

（5）“”：专门定义HTML文档中需要显示给用户查看的内容，只能有一对

4.网页乱码问题（字符集问题）

（1）使用标签，指定当前网页的字符集，否则有可能会出现乱码问题

（2）标签中添加

（3）GBK（或GB2312）和UTF-8区别：GBK里面存储的文字比较少，仅仅存储了汉字和一些常用的外文，体积比较小，UTF-8里面存储世界上所有的文字，体积比较大

（4）在企业开发中，如果网站仅仅包含中文，就用GBK（或GB2312），如果网站不仅包含中文还包含其他语言，就用UTF-8，如果怕出错，一律用UTF-8

（5）在HTML文件中制定的字符集必须和保存这个文件的字符集一致，否则还会出现乱码，所以仅仅指定字符集不一定解决乱码问题（用文件另存为，点击编码，选择UTF-8，如图1-2）

图1-2  选择编码

5.标签的分类

（1）单标签：只有开始标签，比如标签

（2）双标签：有开始标签和结束标签，比如...标签

（3）并列关系（平级），嵌套关系（上下级）

6.DTD文档声明

（1）什么是DTD文档声明：由于HTML有很多个版本的规范，每个版本存在差异，所以我们需要告诉浏览器我们用的哪一个版本的HTML规范

（2）HTML5的DTD文档声明（向下兼容）：，写在第一行，不区分大小写

（3）DTD文档不是标签

（4）浏览器并不完全依赖DTD文档声明，但任何标准网页都应该写上声明