HTML——标签，注释，特殊字符，表格，列表，表单

一，常用标签

1，标题标签

-
:共六个等级的网页标题

2，段落和换行标签

标签用于定义段落，可以将整个网页分为若干个段落

强制换行标签

3,文本格式化标签

例如：粗体，斜线或下划线等效果

4,div和span标签

和是没有语义的，它们如同一个盒子，用来装内容
div：分割，分区；span：跨度，跨距
特点：
1，div用来布局，一行只能放一个div
2，span用来布局，一行可以放多个span

5，图像标签和路径（重点）

1,图像标签

src是img的必须属性，用于指定图像文件的路径和文件名

相对路径：图片和HTML文件在同一文件夹下

绝对路径：图片的绝对路径

注意：一般只改变宽度和高度中的一个，让其等比例改变

6,超链接标签（重点）

文本或图像

1,外部链接：以上为外部链接

2,内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可。例如

首页

3,空链接：如果当时没有确定链接目标时

首页

4,下载链接：如果href里面的地址是一个文件或者压缩包，会下载这个文件

5,网页元素链接：在网页中的各种元素，如文本，图像，表格，音频，视频等都可以添加超链接

6,锚点链接：点击链接，可以快速定位到页面中的某一个位置

1，在链接文本的href属性中，设置属性值为“#名字”的形式，如第二集
2，找到目标位置标签，里面添加一个id属性=刚才的名字，如：
第二集

二，注释和特殊字符

1，注释

2，特殊字符

在HTML中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。

三，表格，列表和表单

1，表格标签

①表格的基本语法

        ...
    
    ...

    

        
单元格内的文字

1，table是用于定义表格的标签
2，tr是用于定义表格中的行，必须嵌套在table中
3，td是用于定义表格中的单元格，必须嵌套在tr中

②表头单元格标签

一般表头单元格位于表格的第一行或者第一列，表头单元格里面的文本内容加粗居中显示

        ...
    
    ...

    

        
加粗居中显示

③表格属性

注意：表格标签这一部分属性在实际开发中不常用，通常通过CSS来设置

④表格结构标签

标签表示表格的头部区域，标签表示表格的主体区域。
这样可以更好的分清表格结构

⑤合并单元格

跨行合并：rowspan="合并单元格的个数"
跨列合并：colspan="合并单元格的个数"

目标单元格：（写合并代码）
跨行：最上侧单元格为目标单元格，写合并代码
跨列：最左侧单元格为目标单元格，写合并代码

合并单元格三部：
1，先确定是跨行还是跨列合并
2，找到目标单元格，写上合并方式。比如：
3，删除多余的单元格
注意：rowspan和colspan都是tb的属性

2，列表标签

注意：表格是用来显示数据的，列表是用来布局的
分类：有序列表，无序列表和自定义列表

①无序列表（重点）

标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用
标签定义
无序列表的基本语法格式如下：

    
列表项1
    
列表项2
    
列表项3
    ...

1，无序列表的各个列表项之间没有顺序级别之分，是并列的。
2，

中只能嵌套

，在ul标签中输入其他标签或者文字都是不被容许的
3，

之间相当于一个容器，可以容纳所有元素
4，无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置

②有序列表（理解）

    
列表项1
    
列表项2
    
列表项3
    ...

③自定义列表（重点）

标签用于定义描述列表，该标签会与
(定义项目/名字)和
（描述每一个项目/名字）一起使用
无序列表的基本语法格式如下：

    
名词1
    
名词1解释1
    
名词1解释2
    ...

1，dl里面只能包含dt和dd
2，dt和dd的个数没有限制，经常是一个dt对应多个dd

3，表单标签

例子：注册页面，信息填写皆为表单

目的：收集用户信息

例子：组成：在HTML中，一个完整的表单由表单域，表单控件（也称表单元素），提示信息组成。

①表单域

定义：表单域是一个包含表单元素的区域

各种表单元素控件

②表单控件

1，input输入表单元素

type属性的属性值及其描述如下：

input其他属性

注意：
1，name和value是每一个表单元素都有的属性值，主要给后台人员使用。
2name是表单元素的名字，用以区别不同的表单元素
3，input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的
当 type 的取值为 button、reset、submit 中的其中一个时，此时 value 属性的值表示的是按钮上显示的文本
当 type 的取值为 text、password、hidden 中的其中一个时，此时 value 属性的值表示的是输入框中显示的初始值，此初始值可以更改，并且在提交表单时，value 属性的值会发送给服务器（既是初始值，也是提交给服务器的值）
当 type 的取值为 checkbox、radio 中的其中一个时，此时 value 属性的值表示的是提交给服务器的值
当 type 的取值为 image 时，点击它提交表单后，会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器

value：转载内容

2，select下拉表单元素

    选项1
    选项2
    选项3

3，textarea文本域元素

使用场景：当用户输入较多内容的情况下，不能使用文本框表单，而是使用textarea。

4，label标签（本身不属于表单，但是经常和表单搭配使用）

label标签用于绑定一个表单元素，当点击label标签内的文字时，
浏览器会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验

语法：
男

核心：label标签的for属性应当与相关元素的id属性相同