Html 常用标签用法与实例
<a><frame>
标签的常见用法
<!-- 点击跳转站外 -->
<a href="https://baidu.com">百度一下</a>
<!-- 调用窗口在本页打开链接 -->
<iframe src="https://taobao.com" frameborder="0"></iframe>
<!-- 指定窗口打开 -->
<a href="https://taobao.com" target="taobao">淘宝网</a>
<iframe frameborder="2" name="taobao"></iframe>
<!-- 返回顶部 -->
<a href="#">返回顶部</a>
<!-- 使用瞄点实现快速跳转到指定位置 -->
<h1 id="main">跳转到我这里</h1>
<a href="#main">站内跳转</a>
<img>
图片标签的用法
<!-- 调用加载指定图片 -->
<img src="dog.jpg">
<!-- 点击图片跳转 -->
<a href="https://baidu.com><img src="cat.jpg"></a>
<ul><ol><dl>
列表标签的用法
<!-- 有序列表 -->
<!-- 以英文字母排列序号,从B开始 -->
<ol type="B" start="2">
<li>第二节课</li>
<li>第三节课</li>
<li>第四节课</li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt>列表标题</dt>
<dt>文字</dt>
<dd>文字</dd>
</dl>
<!-- 无序列表 -->
<ul>
<li>笔记本</li>
<li>苹果手机</li>
<li>台式电脑</li>
</ul>
<table>
表格的制作实例
<table border="1"
width="550"
cellspacing="0"
cellpadding="5"
style="text-align: center">
<caption style="font-size: 26px;"><strong>
个人简历表
</strong>
</caption>
<thead></thead>
<tbody>
<tr>
<td>姓名</td>
<td>张三</td>
<td>性别</td>
<td>男</td>
<td rowspan="4"> <img src="dog.jpg" style="width: 100px;height: 120px;" /></td>
</tr>
<tr>
<td>年龄</td>
<td>18</td>
<td>民族</td>
<td>汉</td>
</tr>
<tr>
<td>婚姻状况</td>
<td>未婚</td>
<td>学历</td>
<td>博士</td>
</tr>
<tr>
<td>联系方式</td>
<td>0755-123457</td>
<td>身份证号码</td>
<td>1234567890101</td>
</tr>
<tr>
<td>家庭住址</td>
<td colspan="4"></td>
</tr>
<tr>
<td>工作地址</td>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="5">教育背景</td>
</tr>
<tr style="height: 150px">
<td>教育经历</td>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="5">工作经历</td>
</tr>
<tr style="height: 150px">
<td>个人工作经历</td>
<td colspan="4"></td>
</tr>
<tr>
<td colspan="5">入党情况</td>
</tr>
<tr>
<td>入党时间</td>
<td colspan="2"></td>
<td>转正时间</td>
<td></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
表格效果图如下