上次讲到<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. PHP用curl远程下载图片

    function http_get_data($url){ $ch = curl_init (); curl_setopt ( $ch, CURLOPT_CUSTOMREQUEST, 'GET' ); ...

  2. 03. PNG,GIF,JPG的区别及如何选？

      3.PNG,GIF,JPG的区别及如何选? 照片用 JPG. 动画用 GIF. Logo.Icon 等小图用 PNG-8. 非特殊情况,尽量不要用 PNG-24 和 PNG-32.  

  3. python高级（六）——用一等函数实现设计模式

    本文主要内容 经典的“策略”模式 python高级——目录 文中代码均放在github上:https://github.com/ampeeg/cnblogs/tree/master/python高级 ...

  4. python高级（一）—— python数据模型(特殊方法)

    本文主要内容 collections.namedtuple __getitem__ 和 __len__ __repr__和__str__ __abs__.__add__和__mul__ __bool_ ...

  5. Golang开发环境搭建

    1.下载golang安装包: 下载地址:https://golang.google.cn/dl/ 2.安装Eclipse 下载goclipse 插件 3.配置 Go 的编译器 4.写代码. packa ...

  6. SQL数据库Replace的用法

    关于数据库Replace的用法:Replace("字符串","要被替代的字符串","替代后的字符串")尝试过写法效果如下->修改前 效 ...

  7. git获取代码，拉取最新代码，更新代码等

    有句话说的很好:git是弓,我们的代码是箭,github就是靶子.我们需要把自己的代码存放到github的仓库上. 下图为截取的阮一峰博客的关于git常用命令总结的一张图片: 1.一开始从零获取代码 ...

  8. OAuth2 .net MVC实现获取token

    OAuth2 的原理这里不多讲,可以看:https://www.cnblogs.com/icebutterfly/p/8066548.html 直奔主题:这里要实现的功能为,统计微软的Owin程序集实 ...

  9. 面向对象程序设计（C++）_作业一_设计、定义并实现Complex类

    源代码: 运行结果:

  10. 快速修改数据库日志的增长修改为50M[转]

    尚未亲测..请君慎重使用.. SET NOCOUNT ON ), @sqlTotal NVARCHAR(MAX),@sqlSingle NVARCHAR(MAX),@sql NVARCHAR(MAX) ...