html中的列表、表格、表单

您所在的位置:网站首页 表单如何制作html html中的列表、表格、表单

html中的列表、表格、表单

2024-07-16 10:52| 来源: 网络整理| 查看: 265

目录

一、列表(有序列表和无序列表)

1、无序列表

2、有序列表

3、列表的嵌套

二、表格

1、表格所需的主要标签

2、详细介绍表格的制作

3、单元格的合并(跨行和跨列)

                            ​

 三、表单

1、表单标签

2、表单控件

A、input控件

B、select控件:下拉列表控件

 C、textarea控件:文本区,可以输入多行、多列数据

D、button控件:按钮控件  

E、label控件:用于显示文本

     3、表单练习

  ​         

我们可以使用html来制作列表、表格和表单。

 

一、列表(有序列表和无序列表) 1、无序列表

(1)需要用到标签和标签。

一个无序列表: 苹果 桃子 栗子 桔子

(2)如示例所示,无序列表项目符号默认为小黑点。如果需要更改,则令,如图:

无序列表 一个无序列表: 苹果 桃子 栗子 桔子 苹果 桃子 栗子 桔子 苹果 桃子 栗子 桔子

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

2、有序列表

(1)需要用到标签和标签。

一个有序列表: 苹果 桃子 栗子 桔子

 

(2)有序列表项目符号定义举例:

你平时休闲经常去的地方是哪() 郊外 商场 公园 酒吧

 

 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

3、列表的嵌套

有序列表和无序列表可以实现嵌套,即在有序列表里可以嵌套无序列表,无序列表也是里嵌套有序列表,当然还有其他列表,比如说定义列表。

二、表格 1、表格所需的主要标签

A、每个表格由 table 标签开始。

B、每个表格行由 tr 标签开始。

C、每个表格数据由 td 标签开始

2、详细介绍表格的制作

(1)、标签及其解释

  表示一个表格 语义标签,表示表格的头部

表示表格的行,一

个tr代表一行

表示列头,文字会自动加粗、自动居中,特殊的单元格 语义标签,表示表格的主体部分 表示的表格中


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3