-
HTML——列表，表格，表单内容的讲解
基础部分点击： web基础一、列表
前述：在日常生活里，我们经常用到列表，而在HTML中为列表提供了一种简单有效的途径。主要支持两种类型——无序列表和有序列表。
1.1无序（unorder）列表
标签
ul是一种块标签，用于创建无序列表。列表中每个项目都是通过标签指定的（li，全称是list item）。
看代码：DOCTYPE html> <html> <head> <title>list title> <meta charset="utf-8"> head> <body> <p>there are three apples.p> <ul> <li>apple1li> <li>apple2li> <li>apple3li> ul> body>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
上述效果非常明显，用点来分开每一行。1.2 有序（order）列表
有序列表是通过
ul变成了ol。
1.3 定义列表
定义列表是通过
元素的内容指定的。而定义本身是作为元素的内容来指定的。有点不好理解这段话，直接来代码：DOCTYPE html> <html> <head> <title>list title> <meta charset="utf-8"> head> <body> <p>there are three apples.p> <dl> <dt>111dt> <dd>one appledd> <dt>222dt> <dd>two applesdd> <dt>333dt> <dd>three applesdd> dl> body> html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
这样子是不是比较清楚了，原来是定义序号，就是代替了原来的1、2、3这些，下载可以自定义了，而里面包含的内容原来是列表内容。二、表格**
表格是单元格构成的矩阵。每一个元素就是一个单元格。
2.1 基本的表格标签
- 开始结束标签：
- 表格的总标题是在
- 注意，表格的单元格是一行一行输入的；
- 表格的每一行都是标记
的内容； - 每一行开头元素名称都是包含于
；而数值或者说元素内容都是包含于 . 2.2 演示
DOCTYPE html> <html> <head> <title>A simple tabletitle> <meta charset="utf-8"> head> <body> <table> <caption>THE MARK TABLEcaption> <tr> <th> th> <th>chineseth> <th>mathth> <th>englishth> tr> <tr> <th>ljfth> <td> 100 td> <td> 99 td> <td> 100 td> tr> <tr> <th>htcth> <td> 0 td> <td> 9 td> <td> 10 td> tr> <tr> <th>tylth> <td> 100 td> <td> 99 td> <td> 100 td> tr> table> body> html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
三、表单
用户通过web浏览器与服务器之间进行通信的最常用的手段是使用表单，即为实现人机交互。
3.1 form元素
（1）一个表单中的所有控件都必须在form元素的内容中指定。
action是必需的。特定action指定了web服务器上一个应用程序的url，当用户单击提交按钮时，将调用这个应用程序。这个地方简单的来说，点击提交后，就可以跳转到action后面的url地址。
（2）标签的method特性的取值为get和post两个方法中的一种，这两种方法用于将表单数据发送给服务器。通常使用post,因为使用post时会更加安全一些，能够隐藏信息。
（3）演示：
get：
post：
3.2 input元素
input元素最常用的属性为type，该属性可以指定单选按钮，复选框，文本框，普通按钮，数字范围等等。其中还有较为常用的属性value，该属性时初始化的目的。来看一下演示。
3.2.1 单选按钮
我们在这里说一下，单选按钮的用法。
<input type="radio" name="emo" id="solo"> <label for="solo">sololabel> <input type="radio" name="emo" id="married"> <label for="married">marriedlabel>- 1
- 2
两个按钮的name属性，一定要一样，否则则无法单选，会出现以下情况：
我们为了地增加用户体验感，加入了label标签，这样子，用户可以点击字或者圆圈都可以选中，这里注意，label中地for属性的定义，要和单选按钮中地id值一样。3.3 selcet元素
该元素利用select标签来定义，里面的内容用option来说明。
<select> <option>--请选择日--option> <option>1option> <option>2option> <option>3option> select>- 1
- 2
- 3
- 4
- 5
- 6
点击这个可跳转到css的学习：
样式表的学习
css的选择器的使用- 相关阅读:
【FPGA教程案例71】基础操作1——Xilinx原语学习及应用1
抗战电影中出场率很高的边三轮为什么能在软件界能混的风生水起
系统架构设计：18 论基于DSSA的软件架构设计与应用
深度学习教父辛顿 | 未来神经网络可以重建人脑意识
45.【list链表的应用】
TCP BBR 短评
MATLAB算法实战应用案例精讲-【大模型】LLM算法
从零开始初识机器学习
力扣hot100题解（python版7-9题）
VRRP虚拟冗余协议配置
- 原文地址：https://blog.csdn.net/qq_64131064/article/details/133066990
- 每一行开头元素名称都是包含于
