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：用于强调某些文本，粗体的显示效果