html页面表格选择,HTML表单、HTML表格（第14周）

本周学习内容：HTML表格第一章至第四章

HTML表单第一章至第四章

注：1.在搭建谷歌搜索界面时，简单方法是将谷歌logo以图片形式插入，另一种方法是利用CSS盒模型调节样式来展示

2.上周问题图像和超链接，图片中的路径描述不准确，在浏览器界面无法正常显示，可以采用以下方法解决

找到对应文件夹下的图片---->右击点击“属性”---->“安全”对话框下的对象名称则为图片存储的路径，复制后写在图像标签的对应位置即可实现

图像与超链接

一.HTML表格

大纲

1.表格：①基本组成

②带表头的表格

③带标题的表格

④带结构的表格

2.表格属性：①添加行、删除行和列

②基本属性(eg：width、align、border、bgcolor......)

③

④

标签属性

⑤、

、标签属性

⑥跨列属性colspan

⑦跨行属性rowspan

3.表格嵌套：格式#嵌入完整的表格结构，放到

标签内

#在网页设计设计中尽量少使用表格嵌套和表格的跨行跨列

#使用表格进行网页布局时一般不设置border属性

二、HTML表单

大纲

1.工作原理：访问一个包含表单的界面，输入数据提交后，浏览器将用户在表单中输入的数据进行打包，发送给web服务器，由服务器接收数据并转由程序进行处理表单页面提交----->data----->web服务器----->ASP/PHP

2.表单：①语法

②、、、、五大标签及其属性

③单选框、复选框以及按钮的分别实现

④下拉菜单和列表标签(语法、标签属性)

⑤分组下拉菜单和列表标签

⑥单行文本域与多行文本域的实现

#如果是下拉菜单形式，就不要设置size和multiple属性

#如果是列表形式，则添加size，多项选择再去选择multiple属性

3.注册信息界面的实现

效果展示

文字右对齐，内容左对齐

注：在网页设计中，为了美观，通常不设置border属性，不再页面的内容上展示边线

4.数据打包的方式以及数据如何处理，在

标签下进行操作

form标签及其对应属性值

①action-----URL

action属性下的值URL相对的或者绝对的URL地址，执行服务器的一个处理数据的一个程序(提交表单时向何处发送表单数据)

eg：当设置了action属性之后，便在数据提交后跳转至对应界面

input

the  result

file:///C:/Users/Administrator/Desktop/VScode/action.php?username=123&username=%40123&paw=2222&paw=&file=&sex1=woman&city=%E5%8C%97%E4%BA%AC&city=%E5%8C%97%E4%BA%AC&3=&submit=submit

(？后的内容就是添加表单时的数据值)