HTML基础

一、HTML 是什么

• 用来制作网页的标记语言

• 主要搭建网页的结构和内容骨架

• 不负责样式美化，也不负责复杂交互

二、网页基本结构

一个完整网页分为头部和主体两大部分。

• 头部：存放网页标题、编码格式、页面说明

• 主体：网页上能看到的所有内容，如文字、图片、按钮等

三、常用内容标签作用

1. 标题标签
从一级到六级标题，字号依次变小，用于文章标题、板块标题。

2. 段落标签
用来放正文文字，自带段落间距。

3. 换行与分割线
换行用于单独另起一行；分割线用于在页面中画一条横线分隔内容。

4. 文本样式
可对文字进行加粗、倾斜、强调等效果。

5. 链接标签
实现点击跳转到其他页面或网址。

6. 图片标签
在页面中插入图片，需要填写图片路径和说明文字。

7. 列表标签

◦ 无序列表：前面带圆点，用于并列内容

◦ 有序列表：前面带数字，用于有先后顺序的内容

8. 容器标签

◦ 块级容器：独占一行，用来包裹一大块内容

◦ 行内容器：不独占一行，用于包裹少量文字或小元素

9. 表单相关
用于制作输入框、密码框、按钮、提交表单等，常见于登录、注册页面。

四、标签基本特点

• 大部分标签成对出现，有开始有结束，中间放内容

• 少数标签单独使用，不需要结束标记

五、常用属性作用

• 类名：给标签分组，方便统一设置样式

• 编号：给标签设置唯一名称

• 资源路径：填写图片、文件等地址

• 链接地址：填写跳转的网址