html(3)

1*表格标签:可以对数据进行格式化,是数据显示更加清晰。

       表格的标题:<caption></caption>

       <table></table>:表示表格的范围

                —border:表格线

                —bordercolor:表格线的颜色

                —cellspacing:单元格直接的距离

                —width:表格的宽度

                —height:表格的高度

                        在table里面<tr></tr>:表示行

                —设置显示方式 align:left(居左) center(居中) right(居右)

                            在tr里面写<td></td>:表示单元格

                                          th也可以表示单元格(居中加粗)

                   合并单元格:rowspan:跨行

                     colspan:跨列

2、表单标签(很重要):可以提交数据到网站的服务器,这个过程可以使用表单标签实现;

     <form></form>:定义表单范围

 属性:action:提交到的地址,默认当前地址

       method:表单提交方式,常见的有get和post两种,默认是get请求

             get和post的区别:

①   、get请求地址栏会携带提交的数据,post不会携带(请求体)

②   、get请求安全性级别较低,post较高

③   、get请求数据大小的限制,post没有限制

enctype:做文件上传时需要。                 

                  输入项:可以输入内容或者选择内容的部分

                                  大部分的输入项使用<input type=”输入项的类型”/>

                                        普通输入项:<input type=”text”/>

                   密码输入项:<input type=”password”/>

                   单选输入项:<input type=”radio”/>女<input type=”radio”/>男

                               在里面需要属性name;name的属性值必须要相同,还要有value值。默认选中:加上checked=”checked”。

                   复选输入项:<input type=”checkbox”/>

                                在里面需要属性name;name的属性值必须要相同,还要有value值。默认选中:加上checked=”checked”。

                   文件输入项:<input type=”file”/>

                   下拉输入项:(不是在input标签里面)

                                  例:生日:<select name="birth">

                                                         <option value="1998">1998</option>

                                                         <option value="1999">1999</option>

                                                         <option value="2000">2000</option>

                                                         <option value="2001">2001</option>

                                                    </select>

                                  默认选中:加上selected=”selected”

                 文本域:<textarea cols=”10” rows=”20”></textarea>

                 隐藏项:<input type=”hidden”/>

                 提交按钮:<input type=”submit” value=”注册 ”/>

                 图片提交:<input type=”image” src=”图片路径”/>

                 重置按钮:回到输入项的初始状态。  <input type=”reset”/>

                 普通按钮:和js一起使用  。<input type=”button” value=” ”/>

原文地址:https://www.cnblogs.com/tianwenjing123-456/p/12260695.html