段落标签
<p>段落</p>
独占一行
标题标签
<h1>标题标签</h1>
<h2>标题标签</h2>
<h3>标题标签</h3>
<h4>标题标签</h4>
<h5>标题标签</h5>
<h6>标题标签</h6>
共同点:都加粗,都是块元素
不同点:字号依次减小
图片标签
<img src="" alt="" width="" height="" title="">
换行
<br>
换行标记,用于段落内部的换行
列表
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
<ol>
<li>列表1</li>
<li>列表2</li>
</ol>
<dl>
<dt>标明一个术语要说明的对象</dt>
<dd>列表项说明 </dd>
</dl>
文字排版
<b>电影</b>
<strong>电影</strong>
<i>口舌之争</i>
<em>口舌之争</em>
<hr width="" align="" color="">
<small>小字体</small>
<sup>上标</sup>
<sub>下标</sub>
特殊符号
< > // “<” 和 “>”
‹ › // “<” 和 “>”
« » // “《”和“》”
    // 空格
© // 版权
& &
超链接
<a href="#" class="box">超链接</a>
<a href="" target="_blank"></a> //新窗口打开
<a href="" target="_parent"></a>
<a href="" target="_search"></a>
<a href="" target="_self"></a>
<a href="" target="_top"></a>
/* 未访问状态 */
.box:link{
color: #FFC0CB;
}
/* 访问后的状态 */
.box:visited{
color: #008000;
}
/* 鼠标悬停状态 */
.box:hover{
color: #FF0000;
}
/* 激活状态 */
.box:active{
color: #0000FF;
}
锚链接
<a id=“zj”>第三章</a>
<a href=“#zj”>点击查看第三章</a>
行内框架
<iframe src="" width="" height="" frameborder="" scrolling=""></iframe>
表格
<table border="" align="" bordercolor="" bgcolor="" cellpadding="" cellspacing="" rules="">
<tr>
<td></td>
</tr>
</table>
合并表格
<table border="1" cellspacing="0" align="center">
<tr>
<td colspan="2">单元格</td>
<td>单元格</td>
<td rowspan="2">单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td colspan="3">单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td colspan="2">单元格</td>
<td>单元格</td>
</tr>
</table>
表单
<form action="" method="">
</form>
文本框
<input type="text" name="" id="" value="" placeholder="用户名" maxlength=""/>
密码框
<input type="password" name="" id="" value="" placeholder="密码" maxlength=""/>
复选框
<input type="checkbox" name="" id="" value="" />
单选框
<input type="radio" name="" id="" value="" />
隐藏
<input type=hidden" name="" id="" value="" />
下拉选框
<select name="" id="">
<option value="" selected></option>
</select>
多行文本框
<textarea rows="" cols=""></textarea>
文件上传
<input type="file" name="myfile" multiple>
提交
<input type="submit" value="提交" />
重置
<input type="reset" value="重置" />
一般按钮
<input type="button" value="一般按钮" />
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>