HTML文档基本结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标签分类:
块级标签（基本块级标签，布局块级标签）
行级标签
一、基本块级标签
１、标题标签
<h1>-<h6>
２、段落标签
<p></p>
３、水平线标签
<hr/>
二、布局块级标签
１、有序列表标签
<ol>
<li>列表项</li>
<li>列表项</li>
</ol>
２、无序列表标签
<ul>
<li>列表项</li>
<li>列表项</li>
</ul>
３、定义描述标签
<dl>
<dt>标题</dt>
<dd>描述</dd>
<dd>描述</dd>
</dl>
４、表格
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
５、表单
<form>
<table>
一般和表格一起使用进行布局
</table>
</form>
６、分区标签
<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：常用于布局表单
三、行级标签
１、图像标签
<img src=”图片地址” art=”图像的替代文字” title=”鼠标悬停提示文字”/>
２、范围标签, 用于标识某个范围
<span style=”color:red;font-size:50px”></span>
３、换行标签
<br/>
４、超链接
<a href="#" target="目标"></a>
四、表单
１、text 单行文本输入
<input type="text" name="username" />
２、password 密码
<input type="password" name="password" />
３、radio 单选
<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女
４、checkbox 多选
<input type="checkbox" name="hobby" value="书" />书
<input type="checkbox" name="hobby" value="画" />画
５、reset 重置表单数据
<input type="reset" value="重置" />
６、file 文件上传
<input type="file" name="files" />
７、submit 提交表单数据
<input type="submit" value="提交" />
８、image 图形提交按钮
<input type="image" src="images/button.gif" />
９、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>
1405
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
