表格标签，

多用于处理显示数据

结构：

<table><!--用于定义一个表格,文本自动加粗居中-->
        <tr><!--用于定义表格的行-->
            <th></th><!--用于定义单元格的表头-->
        </tr>
        <tr>
            <td></td><!--用于定义单元格-->
        </tr>
 </table>

<table>属性：

边框：border=""

边框之间的距离：cellspacing=""

框内文字与边框的距离：cellpadding=""

属性中间用空格隔开

caption只存在于表格里，紧随在table标签之后，只能对表格定义一个标题，通常这个标题会居于表格之上。

合并单元格

步骤：1.先判断跨行还是跨列；

2.跨行用rowspan,跨列用colspan；

3.将rowspan写在第一个要合并的单元格里；

4.将合并的其他单元格注释

表单（标签、表单域、表单按钮)

 <form action="请求地址" method="请求方式get/post" name="">

        <!--输入框input以及type类型-->
         输入框<input type="text" placeholder="输入框提示文本，灰色的">
         密码输入框<input type="password">
         提交按钮<input type="submit">
         重置<input type="reset"><!--重置要写在form表单-->
         默认按钮<input type="button" value="按钮值">
         复选框<input type="checkbox">
         单选框 <!--必须有相同的name-->
         <input type="radio" name="sex">男 
        <input type="radio" name="sex">女
      
        多文本输入框  <!--rows是行数-->
         <textarea name="" id="" cols="30" rows="10"></textarea>
    </form>

input控件

 

radio如果是一组，必须给他们命名相同的名字name，这样就可以多个选其中的一个啦。

Input的size跟字体大小有关系，不设置的情况下，浏览器默认情况下，input默认的输入框的宽度就是169px

label标签

label标签为input元素定义标注（标签）。

lable作用：用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点。

如何绑定元素呢？ for属性规定label与哪个表单元素绑定。

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

textarea控件 多文本输入框

<textarea cols="宽度 " rows="高度">  默认是20  文本内容</textarea>

下拉菜单

使用select控件定义下拉菜单的基本语法格式如下

 

<select>
  <option>选项1</option>  
  <option>选项2</option>  
  <option>选项3</option>  ...
</select>

1. select中至少应包含一对option。

2. 在option中定义selected ="selected "时，当前项即为默认选中项。

fieldset标签

使用select定义下拉菜单

<fieldset> 标签可以将表单内的相关元素分组。

<fieldset> 标签会在相关表单元素周围绘制边框。

<legend>标签中文本会在边框的左上角显示。

 <form action="">
        <fieldset>
            <legend>登录框</legend>
            账号：<input type="text">
            密码：<input type="password">
        </fieldset>
        <fieldset>
            <legend>Personalia</legend>
            Name:<input type="text">
            <br>
            <br>
            e-mail:<input type="text">
        </fieldset>
    </form>