上次讲到<a>标签，并没有细说a标签用法。

<!DOCTYPE html>　　

<html lang="en">

<head>  <meta charset="UTF-8">

<title>a标签举例</title>

</head> <body>

<a href="http://www.baidu.com">百度一下，你就知道</a><!--跳转到别的网站  -->  <br>

<a href="2.html">点击跳转到2.html</a><!-- 跳转到本地文件 --><br>

<a href="#test-demo">点击跳转到底部</a><!-- 设置锚点 -->

<div style="height: 2000px"></div>

<a href="##" name="test-demo">这里是网站底部</a> </body> </html>

如果a标签的href属性值为空，那么这个a标签就会变成一个隐藏锚点，看似href属性什么都没有，但是鼠标点击上去就会跳转。

table标签

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
  td {
   width: 200px;
   height: 50px;
  }
 </style>
</head>
<body>
 <table border="1">
  <tr>
   <td>1</td>
   <td>1</td>
   <td>1</td>
  </tr>
  <tr>
   <td>2</td>
   <td>2</td>
   <td>2</td>
  </tr>
  <tr>
   <td>3</td>
   <td>3</td>
   <td>3</td>
  </tr>
 </table>
</body>
</html>

td tr这些标签内部都可以签到其他标签，附上个人简历制作代码一份。

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>13</title>
 <style>
  .center {
   border-collapse: collapse;
   margin: 0 auto;
   }
   td {
    width: 100px;
    height: 40px;
    text-align: center;
   }
 /*  .size {
    width: 300px;
    height: 120px;
   }*/
   .size~tr {
    width: 300px;
    height: 120px;
   }
 </style>
</head>
<body>
 <table border="1" class="center">
  <caption class="center">个人简历</caption>
  <tr>
   <td>姓名</td>
   <td></td>
   <td>性别</td>
   <td ></td>
   <td rowspan="3"></td>
  </tr>
  <tr>
   <td>出生年月</td>
   <td></td>
   <td>民族</td>
   <td></td>
  </tr>
  <tr>
   <td>籍贯</td>
   <td></td>
   <td>学历</td>
   <td></td>
  </tr>
  <tr>
   <td>毕业院校</td>
   <td></td>
   <td>专业</td>
   <td colspan="2"></td>
  </tr>
  <tr>
   <td>政治面貌</td>
   <td></td>
   <td>家庭住址</td>
   <td colspan="2"></td>
  </tr>
  <tr  class="size">
   <td>健康状况</td>
   <td></td>
   <td>联系电话</td>
   <td colspan="2"></td>
  </tr>
  <tr>
   <td>主修课程</td>
   <td colspan="4"></td>
  </tr>
  <tr>
   <td>个人技能</td>
   <td colspan="4"></td>
  </tr>
  <tr>
   <td>工作经历</td>
   <td colspan="4"></td>
  </tr>
 </table>
</body>
</html>

html标签篇（2）的更多相关文章

  1. 移动前端工作的那些事---前端制作篇之meta标签篇

    移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移 ...

  2. 前端制作篇之meta标签篇

    移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上 ...

  3. 自学HTML5第二节（标签篇---新增标签详解）

    HTML5新增标签: <article> 标签 规定独立的自包含内容.一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发. <article> 元素的潜在来源 ...

  4. MyBatis学习-映射文件标签篇(select、resultMap)

    MyBatis 真正的核心在映射文件中.比直接使用 JDBC 节省95%的代码.而且将 SQL 语句独立在 Java 代码之外,可以进行更为细致的 SQL 优化. 一. 映射文件的顶级元素 selec ...

  5. web前端-《手机移动端WEB资源整合》——meta标签篇

    前端网页meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词.meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向 ...

  6. 动端逐渐出了许多的移动端的框架，比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点，不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点：

    移动前端工作的那些事---前端制作之微信小技巧篇   (2013-11-15 15:20) 转载▼ 标签: it css3/javascript html5 webapp 手机网站搭建 分类: 前端制 ...

  7. iOS 推送全解析

    本文旨在对 iOS 推送(以下简称 推送)进行一个完整的剖析,如果你之前对推送一无所知,那么在你认真地阅读了全文后必将变成一个推送老手,你将会对其中的各种细节和原理有充分的理解.以下是 pikacod ...

  8. TGL站长关于常见问题的回复

    问题地址: http://www.thegrouplet.com/thread-112923-1-1.html 问题: 网站配有太多的模板是否影响网站加载速度 月光答复: wp不需要删除其他的模板,不 ...

  9. iOS系列 基础篇 06 标签和按钮 (Label & Button)

    iOS系列 基础篇 06 标签和按钮 (Label & Button) 目录: 标签控件 按钮控件 小结 标签和按钮是两个常用的控件,下面咱们逐一学习. 1. 标签控件 使用Single Vi ...

随机推荐

  1. CF1012B Chemical table 题解【二分图】【构造】

    有意思的网格图转化.CF Div.1 还是挺有难度的. 注:由于本题有较完美的中文题面,所以不贴英文题面. 英文题面 题目描述 Innopolis 大学的教授正努力研究元素周期表.他们知道,有 \(n ...

  2. 4KM

    ip addr add 10.9.8.100/24 broadcast + dev eth0 /etc/sysconfig/network-scripts/ifcfg-eth0 ifdown eth0 ...

  3. DedeCMS实现自定义表单提交后发送指定QQ邮箱的方法

    如月cruyue在做DedeCMS自定义表单发送邮箱的教程,发现大部分都是在php文件里写死固定字段内容,这样虽然也能实现自定义表单提交后发送指定邮箱,但是很不智能,如月cruyue想要一个我们自定义 ...

  4. Oracle系统表整理 --sql

    -- DBA/ALL/USER/V_$/GV_$/SESSION/INDEX开头的绝大部分都是视图-- DBA_TABLES意为DBA拥有的或可以访问的所有的关系表.-- ALL_TABLES意为某一 ...

  5. (转)linux内存源码分析 - 内存回收(整体流程)

    http://www.cnblogs.com/tolimit/p/5435068.html------------linux内存源码分析 - 内存回收(整体流程) 概述 当linux系统内存压力就大时 ...

  6. input中的内容改变时触发的事件

    input中的内容改变时触发的事件 1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发:onproperty ...

  7. 判断弹出框存在（alert_is_ present）

    系统弹窗这个是很常见的场景,有时候它不弹出来去操作的话,会抛异常.那么又不知道它啥时候会出来,那么久需要去判断弹窗是否弹出了 判断 alert 源码分析 class alert_is_present( ...

  8. 判断文本（text_to_be_present_in_element）

    判断文本 在做结果判断的时候,经常想判断某个元素中是否存在指定的文本,如登录后判断页面中是账号是否是该用户的用户名.在前面的登录案例中,写了一个简单的方法,但不是公用的,在 EC 模块有个方法是可以专 ...

  9. 生产html测试报告

    批量执行完用例后,生成的测试报告是文本形式的,不够直观,为了更好的展示测试报告,最好是生成 HTML 格式的.unittest 里面是不能生成 html 格式报告的,需要导入一个第三方的模块:HTML ...

  10. 为easyui添加多条件验证

    easyui的验证框架,validatebox不能有效的支持多个条件的验证,比如中文用户名,既要验证其是中文,又要验证其长度不超过6位时便显得很繁琐,需要反复的为easyui添加验证规则. 在此实现一 ...