day02-html+css

(div可以嵌套span ,div嵌套什么都行,但是很多标签无法嵌套div比如<span> <p>)

一,表格
表格格式:
<table>表格框架
  <tr>一行
    <td>一个单元格</td>
    ...
  </tr>
  ...
</table>
 非必要标签:
1,<caption>表格的标题标签,必须位于<table>后面,只能有一个!或者不加,caption中文字自动居中。
2,<th></th>表头标签,中间内容自动加粗,居中。
3,<thead></thead>:用于定义表格的头部。必须位于<table></table> 标签中,一般包含网页的logo和导航等头部信息。           
4,<tbody></tbody>:用于定义表格的主体。位于<table></table>标签中,一般包含网页中除头部和底部之外的其他内容。
表格属性:

注意:
1. <tr></tr>中只能嵌套<td></td>
2. <td></td>标签,他就像一个容器,可以容纳所有的元素
合并单元格:
跨行合并:rowspan
跨列合并:colspan
单元格的合并
将多个内容合并的时候,就会有多余的东西,把它删除。例如:把3个td合并成一个,那就多余了2个,需要删除。
公式:删除的个数 = 合并的个数 - 1
 合并的顺序:先上 后下 先左 后右
1.先确定是跨行还是跨列合并
2.根据 先上 后下 先左 后右的原则找到目标单元格.
3.删除单元格 删除的个数 = 合并的个数 - 1
二,input控件

注意:radio如果是一组,必须给他们命名相同的名字name,这样就可以达到互斥效果
三,textarea控件
<textarea cols="宽度 " rows="高度">  默认是20
  文本内容
</textarea>
四,select控件
 如下拉菜单
使用select控件定义下拉菜单的基本语法格式如下:
<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>
注意:
1. select中至少应包含一对option。
2. 在option中定义selected ="selected "时,当前项即为默认选中项。
五,表单域
在HTML中,form标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下:
<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>
常用属性:
1. action在表单收集到信息后,需要将信息传递给服务器进行处理,action属性用于指定接收并处理表单数据的服务器程序的url地址。
2. method用于设置表单数据的提交方式,其取值为get或post。
3. name用于指定表单的名称,以区分同一个页面中的多个表单。
注意: 每个表单都应该有自己表单域。
原文地址:https://www.cnblogs.com/adylz111/p/13433375.html