HTML文档基本结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标签分类:
块级标签(基本块级标签,布局块级标签)
行级标签
一、基本块级标签
1、标题标签
<h1>-<h6>
2、段落标签
<p></p>
3、水平线标签
<hr/>
二、布局块级标签
1、有序列表标签
<ol>
<li>列表项</li>
<li>列表项</li>
</ol>
2、无序列表标签
<ul>
<li>列表项</li>
<li>列表项</li>
</ul>
3、定义描述标签
<dl>
<dt>标题</dt>
<dd>描述</dd>
<dd>描述</dd>
</dl>
4、表格
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
5、表单
<form>
<table>
一般和表格一起使用进行布局
</table>
</form>
6、分区标签
<div style=”width:400px;height:300px;background:#9FF”>
宽度 高度 背景色
</div>
常用的布局
1、div-ul(ol)-li :常用于分类导航或菜单等
2、div-dl-dt-dd :常用于图文混编的场合
3、table-tr-td :常用于图文布局或显示数据
4、form-table-tr-td:常用于布局表单
三、行级标签
1、图像标签
<img src=”图片地址” art=”图像的替代文字” title=”鼠标悬停提示文字”/>
2、范围标签, 用于标识某个范围
<span style=”color:red;font-size:50px”></span>
3、换行标签
<br/>
4、超链接
<a href="#" target="目标"></a>
四、表单
1、text 单行文本输入
<input type="text" name="username" />
2、password 密码
<input type="password" name="password" />
3、radio 单选
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
4、checkbox 多选
<input type="checkbox" name="hobby" value="书" />书
<input type="checkbox" name="hobby" value="画" />画
5、reset 重置表单数据
<input type="reset" value="重置" />
6、file 文件上传
<input type="file" name="files" />
7、submit 提交表单数据
<input type="submit" value="提交" />
8、image 图形提交按钮
<input type="image" src="images/button.gif" />
9、button 普通按钮
<input type="button" value="播放音乐" />
10、下拉列表
<select>
<option></option>
<option></option>
</select>
11、文本域
<textarea>
</textarea>
12、隐藏域
hidden <input type="hidden" name="" value=""/>
五、高级表格
<table>
<caption>表格标题</caption>
<head><!--页眉-->
<tr>
<td>列标题</td>
</tr>
</head>
<tbody><!--数据主体-->
<tr>
<td>数据</td>
</tr>
</tbody>
<tfoot><!--页脚-->
<tr>
<td>表格主题内容</td>
</tr>
</tfoot>
</table>