标签、table、form和iframe

标签

1. 标签由 标签名 标签属性 文本内容 三部分组成 （注：单标签没有文本内容）

2. 标签属性是对标签的一种描述方式

3. 标签分为 通用属性 自有属性 自定义属性

4. 通用属性：所有标签都有的属性 （除外）

   id	用来给标签取唯一的名称
   class	用来给标签取一个类名
   style	用来设置该标签的行内样式
   title	当鼠标移动到该标签 显示提示内容

5. 自定义标签属性：通常用于传值或图片懒加载等方面

   格式：data-*

   <img data-src=“图片名” alt=“提示文本”/>

   <p data-id=“goodsid”>…

table表格

table[border=1 width=500 align=center]>tr*3>td{内容$$}*3

<table border="1" width="500" cellspacing="0" cellpadding="10" align="center">
    <tr>表行
        <th>	</th>表头 自动加粗
    </tr>
    <tr>
        <td>	</td>单元格
    </tr>
</table>

table属性

1. border 表格边框

2. width 表格宽度

3. cellspacing 单元格边距

4. cellpadding 像素间距

5. align 表格对齐

跨行跨列属性

• rowspan
• colspan

完整表格

caption（标题） thead（表头） tbody（表体） tfoot（表尾）

table[border=1 width=500 align=center]>(caption{})+(thead>tr>th*4)+(tbody>tr*3>td*4)+(tfood>tr>td[colspan=1])

form标签

from标签是所有标签最核心的标签之一。他是前后端交互的一个重要标签。

属性

name 表单名称

action 表单提交数据的地方（通常是一个后台文件名 .jsp/,php/.asp/.py 等 或网站）

method 前端提交数据到后端的方法，主要有：get post 默认是get。

表单元素

1. input类 主要用来输入，或发出指令

   type：text/password/radio/checkbox/file/button/image/submit/reset

   type	属性
   text: 单行文本输入框 type默认值	placeholder（提示）/name（命名）/minlength和maxlength（最多/少输入的字符个数）
   	/disabled（失效）/readonly（只读）/value（默认值）/pattern（正则匹配）
   password：密码框 属性与test一样
   radio 单选钮 ，通常两项以上	常用属性有：name（必须有）value checked（默认选中）disabled（失效）readonly（只读）
   checkbox 复选框	常用属性有：name（必须有）value checked（默认选中）disabled（失效）readonly（只读）
   file 文件上传按钮
   button 普通按钮 通常它去调用脚本	常用属性有：value（按钮标题）disabled（失效）readonly（只读）
   image 图片按钮 =submit	特殊属性 src（代替了value）
   submit 提交按钮	常用属性有：value（按钮标题）disabled（失效）
   reset 重置按钮	常用属性有：value（按钮标题）disabled（失效）

2. textarea类

   文本域 （多行文本框）主要用于输入大批量的内容

   常用属性 name id cols rows placeholder（提示） name（命名） minlength maxlength require（必须输入）value

3. select类

   下拉列表框 默认用于单项选择。

   multiple 多选 下拉列表框变成了列表框

   size 最多显示的行数

4. button类

   普通按钮，有提交功能。可以不屑在form中，单独使用；如果在form中，有提交功能。

表单通用属性： name value readonly disabled

iframe

• iframe：框架集，是用来将多个网页文件组合成一个文件。

• 常用属性：

• name 框架名

• src 引入的外部html文件

• scrolling 滚动条(yes/no/auto)

• width 宽度(%/px)

• height 高度(%/px)

• frameborder 是否有边框(1/0)

• marginheiht 框架距离顶部和底部的距离(%/px)

• marginwidth框架距离左右的距离(%/px)

注意： 在开发中，尽量少用iframe，因为它破坏了前进和后退功能，且不利于SEO