HTML入门必看 HTML基本标签 (2)

5.HTML中的注释和特殊字符

5.1注释

注释以 <!-- 开头，以 –> 结束。
快捷键：ctrl+/

5.2特殊字符

重点记住：空格、大于号、小于号这三个，其余使用很少，如果需要回头查阅即可。

1.表格标签

1.1表格的主要作用

表格不上用来布局页面的，而是用来展示数据的。

1.2表格的基本语法

1.

是用于定义表格的标签。
2.标签用于定义表格中的行，必须嵌套在 标签中。
3.用于定义表格中的单元格，必须嵌套在标签中。
4.字母td指表格数据（table data）,即数据单元格的内容。

1.3表头单元格标签、

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

标签表示HTML表格的表头部分（table head的缩写）

1.4表格属性

1.5表格结构标签

在表格标签中，分别用：标签 表格的头部区域、 标签 表格的主体区域。这样可以更好的分清表格结构。
1.：用于定义表格的头部。内部必须拥有标签。一般是位于第一行。
2.：用于定义表格的主体，主要用于放数据本体。
3.以上标签都是放在

标签中。

1.6合并单元格

合并单元格方式：
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”

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

2.列表标签

表格是用来显示数据的，那么列表就是用来布局的。
列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。
根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。

2.1无序列表

• 标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用
• 标签定义。
  1.无序列表的各个列表项之间没有顺序级别之分，是并列的。
  2.
  中只能嵌套
• ，直接在
  标签中输入其他标签或者文字的做法是不被允许的。
  3.
• 之间相当于一个容器，可以容纳所有元素。
  4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用css来设置。

2.2有序列表（理解）

在HTML标签中，

1. 标签用于定义有序列表，列表排序以数字来显示，并且
2. 标签来定义列表项。
   1.
   中只能嵌套
4. ，直接在
   标签中输入其他标签或者文字的做法是不被允许的.
   2.
6. 之间相当于一个容器，可以容纳所有元素。
   3.有序列表会带有自己的样式属性，但在实际使用时，我们会使用css来设置。

2.3自定义列表

在HTML标签中，

标签用于定义描述列表（或定义列表），该标签会与 （定义项目/名字）和

（描述每一个项目/名字）一起使用。
1.

里面只能包含

和

。
2.

和

个数没有限制，经常是一个

对应多个

。

2.4列表总结

标签名	定义	说明
	无序标签	里面只能包含li，没有顺序，使用较多。li里面可以包含任何标签
	有序标签	里面只能包含li，有顺序，使用相对较少。li里面可以包含任何标签
	自定义列表	里面只能包含dt和dd。dt和dd里面可以放任何标签

3.表单标签

3.2表单的组成

在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。

3.3表单域

表单域是一个包含表单元素的区域。
在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。

<form action=“url地址” method=“提交方式” name=“表单名称”>
各表单元素控件

3.4表单控件（表单元素）

3.4.1表单元素
在表单元素中标签用于收集用户信息。

type属性的属性值：

除type属性外，标签还有其他很多属性，其常用属性如下：
1.name和value是每个表单元素都有的属性值，主要给后台人员使用。
2.name表单元素的名字，要求单选按钮和复选框要有相同的name值。
3.checked属性主要针对于单选按钮和复选框，主要作用一打开页面，就要可以默认选中某个表单元素。
4.maxlength是用户可以在表单元素输入的最大字符，一般较少使用。

3.4.2标签

标签为input元素定义标注（标签）。
男

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

3.4.3表单元素

用法：
<select>标签定义下拉列表
选项1
选项2
选项3
···

1.中至少包含一对。
2.在中定义 selected="selected"时，当前项即为默认选中项。

3,.4.4表单元素

标签是用于定义多行文本输入的控件。

用法：

<textarea row=“3” cols=“20”>
文本内容

1.通过标签可以轻松地创建多行文本输入框。
2.cols=“每行中的字符数”，rows=“显示的行数”，我们在实际开发中不会使用，都是用css来改变大小。