HTML部分总结（form表单和table表格）

最新推荐文章于 2023-09-11 22:32:58 发布

Xxhny_

最新推荐文章于 2023-09-11 22:32:58 发布

阅读量162

点赞数

文章标签： python pandas 数据分析

本文链接：https://blog.csdn.net/Xxhny_/article/details/129912666

版权

前言

1.from表单的作用
表单在网页中主要负责数据采集功能，它用<form>标签定义。用户输入的信息都要包含在form标签中，点击提交后，<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里，经过服务器上的 ASP 或 PHP 等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。

一、form表单

1.1表单标签

<!DOCTYPE html>

<html lang="en">
<head>

 <meta charset="UTF-8">

 <title>form表单</title>
</head>
<body>

 <form action="1.html">

 用户名：<input type="text"><br/>

 密码：<input type="password">

 <input type="submit" value="提交">

 </form>
</body>
</html>

相对路径和绝对路径

绝对路径：从盘符开始要描述的文件路径路径+文件的名称

相对路径：当前源文件和目标文件的相对路径位置

表单是用form标签来定义的

form标签类似于一个容器标签，3 个重要的属性

属性名称	属性值	属性作用
action	文件路径	表单提交后处理表单的文件
method	请求方式	method属性用来明确表单的提交方式
name	字符串	表单的名称

<!DOCTYPE html>

<html lang="en">
<head>

 <meta charset="UTF-8">

 <title>form表单</title>
</head>
<body>

 <form action="1.html" >

 用户名：<input type="text" name="username"><br/>

 密码：<input type="password" name="pwd">

 <input type="submit" value="提交">

 </form>
</body>
</html>

属性名称

属性名称	属性值	功能·
name	字符串	元素的名称
value	字符串	元素的值
id	字符串	客户端唯一标识
size	数字	以字符个数设定的元素宽度
maxlength	数字	元素接受字符数的上限
checked		元素是否被选中

二、table表格

什么是table表格：由一些被称之为单元格的矩形框按照从左到右从上到下的顺序排列到一起组成的

table表格的作用：以一定的结构来显示信息的。

table标签的属性：

1.width：用于指定表格的宽度，单位是像素
2.border：用于定义表格的边框，值的类型是数字，而是一个正数，值越大边框越粗
3.cellpadding：用于定义单元格的内边距，即单元格中的内容也单元格的边之间的距离    4.cellspecing：用于定义单元格的外边距，即单元格与单元格之间的距离
5.align：用于定义表格的对齐方式

tabl子标签：

1.caption：用于定义表格的标题
2.thead：用于定义表头部分
3.tbody：用于定义表体部分
4.tfoot：用于定义表尾部分
5.tr：用于定义表格的一行
6.th：用于定义一个单元格，它的特点是内容加粗且居中显示
7.td：用于定义一个单元
8.colspan：用于定义跨列操作，也就是合并多个列
9.rowspan：用于定义跨行操作，也就是合并多个行