30个HTML标签,HTML常用标签的使用 --2019年8月30日

1、谈谈你对HTML标签、元素与属性的理解，并举例说明

在我看来html标签与元素就一个意思，只是说标签就单单的就是一个标签如

我是谁这样的一个整体就组成一个元素，属性就相当于每个人的身高啊体重这些，每一个标签可以有相同的属性，也有不同的属性

举例说明如下:

实例

运行实例 »

点击 "运行实例" 按钮查看在线实例

在上述代码中两个标签有一个相同的属性，也有各自不同的属性。

2、列表有几种，如何定义？

在html中列表一共分为三种：

有序列表、无序列表与定义列表

每种的列表的定义如下：

(1)有序列表

实例

1. 列表一
2. 列表二

运行实例 »

点击 "运行实例" 按钮查看在线实例

(2)无序列表

实例

• 列表一
• 列表二

运行实例 »

点击 "运行实例" 按钮查看在线实例

(3)定义列表

实例

PHP

php是世界上最好的语言

JAVA

一直占领编程语言排行榜首位

运行实例 »

点击 "运行实例" 按钮查看在线实例

3、列表与表格的区别与联系，什么时候用列表、什么时候用表格，为什么？

列表与表格都是用来展示数据的，比如做网页导航栏的时候通常用列表来做，比如做一个班级的成绩展示这时就可以用表格来做

4、编程实现，用列表制作你的工作计划，要求使用三种类型全部实现一次

实例

• 早上好好上班
• 晚上回到家观看直播
• 观看完直播敲代码练习练习
• 对今天讲过的知识点回忆

1. 早上好好上班
2. 晚上回到夹观看直播
3. 观看完直播敲代码练习练习
4. 对今天讲过的知识点回忆

早上

专心上班

晚上

观看课程直播

运行实例 »

点击 "运行实例" 按钮查看在线实例

运行效果如下

5、编程实现一张商品清单，使用表格实现，要求有行与列的合并，rowspan colspan

实例

序号商品单价数量金额

1OPPk3手机2000120002充电头203604传输数据线251503oppo钢化玻璃251合计：52085运行实例 »

点击 "运行实例" 按钮查看在线实例

运行效果如下：

实例

用户注册

账号：

密码：

邮箱：

年龄：

爱好：

读书

看电影

敲代码

性别：

男

女

保密

城市：

--请选择--

重庆

四川

贵州

学习：

HTML

CSS

JS

PHP

Mysql

NODEJS

注册

运行实例 »

点击 "运行实例" 按钮查看在线实例

6、编程实现一张注册表单，要求使用到课堂上讲到的所有控件，并掌握所有属性的使用场景及意义

实例

用户注册

账号：

密码：

邮箱：

年龄：

爱好：

读书

看电影

敲代码

性别：

男

女

保密

城市：

--请选择--

重庆

四川

贵州

学习：

HTML

CSS

JS

PHP

Mysql

NODEJS

注册

运行实例 »

点击 "运行实例" 按钮查看在线实例

运行效果如下图：

总结：

HTML标签是网页中不可或缺的组成部分，今天所列举出来的标签只是最常见到的一部分标签而已，还有很多的标签没有列举出来，有好几十种。还有就是输入控件必须要有name属性，这样才能够向表单提交数据，其中列表与表单控件最为重要，列表常常用来展示数据给用户，而表单常常用来收集用户的数据，其中表单中的两个属性由为重要一个是action属性，这个属性是用来将用户提交的数据提交***去处理，还有一个就是method属性，该属性是表示用什么方式提交，默认为GET方式提交，HTML是最基础的东西，要能够牢牢掌握，要先打牢基础，才能为后面的铺垫。