1.HTML的作用
(1)HTML不是一门编程语言,而是一门超文本标记语言
(2)HTML不能改变网页的样式
(3)专门用来给文本添加语义的语言,只有这一个作用
2.第一个HTML网页编写的步骤
(1)新建一个文本文档
(2)用记事本打开
(3)编写HTML代码
代码如图1-1,这是基本结构
(4)保存并修改文件的扩展名为“.html”
(5)用浏览器打开
3.HTML基本结构详解
(1)HTML中所有标签都是成对出现的,格式为"<...>...</...>",分别为开始标签与结束标签
(2)"<html>...</html>":告诉浏览器这是一个网页,其他标签必须写在这里面
(3)“<head>...</head>”:用于给网站添加配置信息,例如网站标题,网站图片,制定网站的关键字、描述信息,外挂一些外部css、js文件
(4)“<title>...</title>”:制定网站标题,也是将来用户保存网页的标题,必须写在“<head>”标签里面
(5)“<body></body>”:专门定义HTML文档中需要显示给用户查看的内容,只能有一对
4.网页乱码问题(字符集问题)
(1)使用<meta />标签,指定当前网页的字符集,否则有可能会出现乱码问题
(2)<head>标签中添加<meta charset="GBK" />
(3)GBK(或GB2312)和UTF-8区别:GBK里面存储的文字比较少,仅仅存储了汉字和一些常用的外文,体积比较小,UTF-8里面存储世界上所有的文字,体积比较大
(4)在企业开发中,如果网站仅仅包含中文,就用GBK(或GB2312),如果网站不仅包含中文还包含其他语言,就用UTF-8,如果怕出错,一律用UTF-8
(5)在HTML文件中制定的字符集必须和保存这个文件的字符集一致,否则还会出现乱码,所以仅仅指定字符集不一定解决乱码问题(用文件另存为,点击编码,选择UTF-8,如图1-2)
5.标签的分类
(1)单标签:只有开始标签,比如<meta>标签
(2)双标签:有开始标签和结束标签,比如<html>...</html>标签
(3)并列关系(平级),嵌套关系(上下级)
6.DTD文档声明
(1)什么是DTD文档声明:由于HTML有很多个版本的规范,每个版本存在差异,所以我们需要告诉浏览器我们用的哪一个版本的HTML规范
(2)HTML5的DTD文档声明(向下兼容):<!DOCTYPE html>,写在第一行,不区分大小写
(3)DTD文档不是标签
(4)浏览器并不完全依赖DTD文档声明,但任何标准网页都应该写上声明