1、web前端三大核心技术：
1）HTML：
负责网页的架构。
2）CSS：
负责网页的样式、美化。
3）JS：
负责网页的行为。
2、什么是HTML？
1）超文本标记语言，用由一套标记标签组成。
2）用来描述页面的一种语言。
3、Html标签：
1）单标签：
<标签名>
或者
<标签名/>
2）双标签：
<标签名></标签名>
4、标签属性：
属性格式：
<标签名 属性名1=“属性值1” 属性名2=“属性值2”>
5、HTML的骨架标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
编写代码区域
</body>
</html>
1）html：
根标签，所有的内容都得放到html标签中。
2）head：
头标签。
3）body：
身体标签（代码编写区）。
6、常用标签：
1）标题标签：
①说明：HTML标题是通过<h1>-<h6>等标签进行定义。
②示例：
<body>
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
</body>
③特点：h1最大，h6最小。
2）段落标签：
①说明：HTML段落是通过<p>标签进行定义的。
②示例：
<body>
<p>第一个段落</p>
<p>另外一个段落</p>
</body>
③特点：自动换行，独占一块。语义化。
3）超链接标签：
①说明：超链接是通过<a>标签进行定义的，可以点击文本跳转到指定页面。
②示例：
<body>
<a href="http://www.baidu.com"target="_blank">百度</a>
</body>
③属性：
Ⅰ、href：跳转地址或文件。
Ⅱ、target：打开窗口模式，其中target="_blank"是打开新窗口。
4）图片标签：
①说明：用于网页中插入图片，HTML图片是通过<img>标签进行定义的。
②示例：
<body>
<img src="图片路径">
</body>
③属性：
Ⅰ、src：图片路径。
Ⅱ、title：光标悬停显示文字。
Ⅲ、alt：图片未加载时显示文字。
Ⅳ、width：图片宽度。
Ⅴ、height：图片高度。
④测试点：必须有title属性。
⑤相对路径：相对当前执行文件所在位置作为起点。
Ⅰ、上一级：../。
Ⅱ、同级：./。
5）换行和空格：
①换行：<br/>。
②空格： 。
③示例：
<body>
你好<br />HTML<br/>
你好 Html
</body>
6）布局标签：
7）列表标签：
8）表单标签：
7、注释：
<!--注释内容-->
1）注释不会被浏览器执行，只是给程序员解释代码的含义。
2）国际通用快捷键：ctrl+/。
3）测试点：前端页面发布上线之前，需要检查所有注释或去除注释，避免不恰当的文字出现。
