【无标题】

HTML <form>标签

form标签用于为用户输入创建HTML表单

HTML结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

 form标签的基本语法

<form action="提交地址" method="提交方法">         // method提交方式
           <input type=""  name=""  id=""  value="" />
</form>

什么是表单元素?

表单元素是指不同类型的input元素,单选按钮,复选框,提交按钮等

input元素的type属性有text,radio,submit(提交表单)

form元素包含一个或多个如下的表单元素

input定义一个输入控件
textarea定义多行的文本输入控件
button定义按钮
select定义选择列表(下拉列表)
option定义选择列表中的选项
optgroup定义选择列表中相关选项的组合
fieldset定义围绕表单中元素的边框
label定义input元素的标注

什么是action属性?

定义在提交表单是执行的动作,向服务器提交表单通常使用提交按钮,通常表单会被提交到web服务器的网页上

什么是method属性?

method属性是规定如何发送表单数据(表单数据发送到action属性所规定的页面)

表单数据可以作为URL变量(method="get")或者HTTP post(method="post")的方式来发送

get是默认的一个方法,并且适合少量数据的提交,若表单提交是被动的,并且没有敏感信息表单数据在页面地址栏中是可见的

post若表单正在更新数据,或者包含敏感信息,在页面地址栏中被提交的数据是不可见的

度量页面元素的尺寸

CSS中,W3C文档把尺寸单位划为为两类:相对长度单位和绝对长度单位,相对长度单位按照不同的参考元素,又可以分为字体相对单位和视窗相对单位,实际应用中,我们使用最广泛的则是em、rem、px以及百分比(%)来度量页面元素的尺寸。其中em 字体大小由浏览器默认大小决定 em==>px  em*浏览器字体大小=px 
%单位,字体大小由浏览器默认的百分之多少计算
 px是固定单位 em和%不是固定单位 字体大小由浏览器大小决定

CSS  HTML表格table

在HTML中,table标签用于定义表格

<table> 表示表格,表格的所有内容需要写在 <table> 和 </table> 之间

<tr> 是 table row 的简称,表示表格的行。表格中有多少个 <tr> 标签就表示有多少行数据

<td> 是 table datacell 的简称,表示表格的单元格,这才是真正存放表格数据的标签。单元格的数据可以是文本、图片、列表、段落、表单、水平线、表格等多种形式

<th> 是 table heading 的简称,表示表格的表头。<th> 其实是 <td> 单元格的一种变体,本质上还是一种单元格。<th> 一般位于第一行,充当每一列的标题。大多数的浏览器会把表头显示为粗体居中的文本

<!-- cellspacing单元格之间的距离 cellpadding边框和内容之间的距离 -->
		<!-- <tr>行 <th>表格的头部列 <td>内容列-->
		<!-- colspan合并列
			rowspan合并行 -->
		<table border="1" cellspacing="0" cellpadding="0">
			<tr>
				<!-- <th>Header</th> -->
				<th rowspan="2">星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
			</tr>
			<tr style="text-align: center;">
				<!-- <td>Data</td> -->
				<td>语文</td>
				<td colspan="2">数学</td>
				<td>英语</td>
				<td>计算机</td>
			</tr>
			<tr style="text-align: center;">
				<td>俄语</td>
				<td>体育</td>
				<td>毛概</td>
				<td>专业辅导</td>
			</tr>
		</table>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值