Html 常用标签用法与实例

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>

表格效果图如下