文章目录
1.表格标签
< table >
< tr >
< th >< /th >
< /tr >
< tr >< td > < /td >
< /tr >
< /table >
标签tr相当于表格中的一行,td相当于每一行中的单元格,th为第一行特定使用的单元格,里面内容会自动加粗居中。
举个栗子
< table align=“center” border=1 cellpadding=“0” cellspacing=“0” width=“10” highet=“50” >
< tr >
< th>name< /th>
< th>sex< /th>
< th>age< /th>
< /tr >
< tr >
< td>zyh< /td>
< td>male< /td>
< td>18< /td>
< /tr>
</ table>
显示如下
name | sex | age |
---|---|---|
zyh | male | 18 |
2.合并单元格
2.1跨行合并
跨行合并就是上下在同一列的合并,< td rowsapn=“合并个数”>< /td>
3.1跨列合并
跨列就是左右在同一行的合并一起,colspan=“合并个数”
4列表标签
4.1无序列表
< ul >
< li>
< li>
< ul >
ul为无序列表标签,li为标签中的每一行
举个栗子
< ul>
< li>1
< li>2
< ul>
< ul>
< li>1
< li>2
< ul>
- 1
- 2
4.2有序列表
ol为有序列表标签,li为其中每一行
举个栗子
< ol>
< li>1
< li>2
< ol>
- 1
- 2
4.3 自定义列表
dl为标签名,dt为项目名,dd为dt下的每一行
举个栗子
< dl>
< dd>< /dd>
< dd>< /dd>
< dd>< /dd>
< dl>
-
项目名
- 项目名下的一行
- 项目名下的一行
- 项目名下的一行
4.4 列表总结
定义 | 说明 |
---|---|
无序列表 | 里面只能包含li,使用较多,li里面可以任何标签 |
有序列表 | 里面只能包含li,使用较少,li里面可以任何标签 |
自定义列表 | 里面只能包含dt和dd,dt和dd里面可以放任何标签 |
5 表单标签
表单分为表单域、表单元素和提示信息。表单域是指所有表单元素和提示信息的集合,表单控件即输入信息的地方,提示信息值文字。
5.1表单域
< form action=“url” method= “ 提交方式” name=“ 表单域名称”>
表单元素和提示信息
< /form>
action为表单信息提交到哪里,method为怎样提交,name为提交时显示的名字。
5.2 表单元素
< input type =“属性值”>输入标签
属性值为输入的不同属性,text为文本框,password输入为密码会自动代替为原点,button为按钮,checkbox为复选框标签。
< select>为下拉表单元素,点击可以多选
< textarea>为文本域,可以输入多行文字
5.3 label标签
label标签可以作为提示标签,label可以捆绑一个表单元素,当点击标签内文字的时候回自动选择对应的表单元素