HTML入门4

HTML入门

1. html简介
2. html基本框架及语法规范
3. html标签（上）
4. html标签（下）

1. html标签（下）

1>表格标签

1. 表格结构标签
   

1.< thead> </ thead> :用于定义表格的头部。< thead> 内部必领拥有< tr>标签。一般是位于第 行.
2 < tbody> < /tbody> :用于定义表格的主体，主要用于放数据本体.

3.以上标签都是放在< table> </ table>标签中.

2)表头单元格标签

3）合并单元格

合并单元格方式:

●跨行合并: rowspan='合并单元格的个数”跨列合并 : colspan= 合并单元格的个数"

合并单元格三步曲:

1. 先确定是跨行还是跨列合并。

2. 找到目标单元格，写上合并方式=合井的单元格数量，比如: <tdcolspan= “2" >< /td>

3. 删除多余的单元格。

4）无序列表(重点)

< ul>标签表示HTML页面中项目的无预装,一股会以项目符号呈现列表项,而耐表项使用标签定义。无序列表的基本语法格式如下:

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

2 < ul> < /ul>中只能嵌套< li> < /i>，直接在< ul> < /ul>标签中输入其他标签或者文字的做法是不被允许的。
3. < li>与< /1l>之间相当于 个容器，可以容纳所有元素。

4.无序列表会带有自己的样式属性，但在实际使用时，我们会使用CSs来设置。

5）列表标签

2.2有序列表(理解)

有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义。

在HTML标签中，

1. 标签用于定义有序列表，列表排序以数字来显示，并且使用
2. 标签来定义列表项有序列表的基本语法格式如下:

1. < ol> < /ol>中只能嵌套

2. < /i> ，直接在< ol> </ ol>标签中输入其他标签或者文字的做法是不被允许的。

4. < li>与< /i>之间相当于 个容器,可以容纳所有元素。

5. 有序列表会带有自己样式属性，但在实际使用时，我们会使用CSS来设置，

自定义列表(重点)

在HTML标签中，

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

(描述每一一个项目/名字) -起使用.

其基本语法如下:

1. < dl> </ dI>里面只能包含< dt>和< dd>.

2. < dt> 和< dd>个数没有限制,经常是个 < dt>对应多个< dd>.

6)表单标签

3表单域

表单域是一个包含表单元素的区域。

在HTML标签中, < form>标签用于定义表单域，以实现用户信息的收集和传递。< form>会把它范围内的表单元素信息提交给服务器.

在英文单词中，input是输入的意思，而在表单元素中< input>标签用于收集用户信息。

在标签中包含 个type属性，根据不同的type 属性值，输入字段拥有很多种形式 (可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等).

< input type=-属性值”1>

●< nput/>标签为单标签

●type 属性设置不同的属性值用来富定不同的控件类型

3.表单标签

3.4.1 < input>表单元素

2页面中的表单元素很多.如何区别不同的表单元素?

答name风性:当前input表单的名字,后台可以通过这个name属性找到这个表单。面中的表单很多，name的主要作用就是用于区别不同的表单。

用户名: < input type=“text” valuc-=“请输入用户名” name-“usernare” 1>

●name属性后面的值,是自定义的

●radio(威者checkbox )如果是一组,我们必须给他们命名相同的名字

<i nput type=“radio” name-“sex” 1>男<input type-“radio” name-“sex” 1>女

1.有些表单元素想刚打开页面就默认显示几个文字怎么做?

答:可以给这些表单元素设置value属性= “值”

用户名: <input type=“text” value="请输入用户名” />

< input >元素

3.如果页面一打开就让某个单选按钮或者复选框是选中状态?

答checked属性:表示默认选中状态用于单选按钮和复选按钮。

性别:

< input type=“radio” name=“sex” value=“男” qhecked=“checked” 1>男<input type-“radio” name=“sex” value="女”/>女

4.如何让input表单元素展示不同的形态?比如单选按钮或者文本框答: type属性: type属性可以让input表单元素设置不同的形态

< input type=“radio” name= sex" valuem “男” checked- “checked” 1>男<input type=“text” value="请输入用户名”>

7. < label>标签

< label>标签为input元索定义标注(标签)。

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

核心: < label>标签的for属性应当与相关元素的id属性相同。

4表单控件(表单元素)

在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。接下来我们讲好:

1. input输入表单元素

2. select下拉表单元素

3. textarea文本域元素

4. < select>表单元素

使用场景:在页面中，如果有多个选项让用户选择,并且想要节约页而空间时，我们可以使用< select>标签控件定义下

在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用select>标签控件定义下拉列表语法:

1. < select> 中至少包含-对< option> .

2. 在< option> 中定义selected = selected"时 ，当前项即为默认选中项。

3表单标签

4 >
< textarea>表单元素语法:

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

< /textarea>

1. 通过< textarea> 标签可以轻松地创建多行文本输入框。

2. cols= “每行中的字符数”， rows=“显示的行数”， 我们在实际开发中不会使用，都是用CSS来改变大小。