1、网页的组成
1、HTML：内容结构
2、CSS：视觉效果
3、JavaScript：网页的逻辑处理
2、标签的书写格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
这是我的第一个网页
</body>
</html>
2.1、标签的格式
1、从上面的标签语言中可以看出，html 、head、title、body 书写格式是标签对。
- 包含具体内容
-
<标签名>具体内容</标签名>
2、meta、img、input、br，书写格式是单标签。
- 没有包含具体内容
-
<标签名>（或者<标签名/>、<标签名 />）
3、每一种标签的书写格式是固定的，不能够颠倒书写形式。错误的写法：
-
<div>、<br></br>
4、标签是不区分大小写，建议全小写
-
<div></div>等价<Div></Div>等价<DIV></DIV>
5、每一个标签都可以拥有自己的属性，属性可以增强标签的功能
<起始标签 属性名="属性值">- 属性名都是小写、无序
- 属性值可以使用双引号、单引号括住，也可以省略引号，建议使用双引号。
- 有些属性是公用的，每个标签都可以设置：
class、id、title、lang - 有些属性是标签特有的：
meta标签的charset属性
2.2、标签的属性
1、title属性
当鼠标光标停留在标签上时，会显示出title属性值
2、<!DOCTYPE html>
-
HTML文档声明，告诉浏览器当前是HTML5页面，让浏览器用HTML5的标准去解析失败HTML文档 - 必须放在
HTML文档签名，不能省略 -
HTML5声明比HTML 4.01、XHTML 1.0简洁非常多
HTML 4.01声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML声明：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3、html 标签是HTML文档的根标签，一个文档中只能有一个，其他标签都是他的后代标签
W3C标准建议为 html标签增加一个 lang 属性，作用是：
- 帮助语音合成工具确定要使用的发音。
- 帮助翻译工具确定要使用的翻译规则
4、head标签里面的内容是一些“元数据”（元数据：描述数据的数据），例如：字符编码、网页标题、网页图标
head 标签内部使用的元素有 meta、title、style、link、base、script、noscript
meta标签
可以用于设置网页的字符编码，让浏览器更精准地显示每一个文字，不设置或者设置错误会导致乱码。
5、body元素
body元素里面的内容将是你在浏览器中看到的东西，也就是网页的具体内容和结构。
6、h、p、strong
h：表示网页的标题，h1~h6共规定了6个等价的标题
p：表示文章中的一个段落（paragraph）
strong：用于强调某些文本，粗体的显示效果
网友评论