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/>。
②空格：&nbsp。
③示例：

<body>
		你好<br />HTML<br/>
		你好&nbspHtml
</body>

6）布局标签：

7）列表标签：

8）表单标签：

7、注释：

<!--注释内容-->

1）注释不会被浏览器执行，只是给程序员解释代码的含义。

2）国际通用快捷键：ctrl+/。

3）测试点：前端页面发布上线之前，需要检查所有注释或去除注释，避免不恰当的文字出现。

有关HTML的知识点