上次讲到<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. centos7 systemd 必知必会

    systemd 简介: systemd 是一个 Linux 系统基础组件的集合, 提供了一个系统和服务管理器, 运行为 PID 1 并负责启动其它程序 功能包括: 1.支持并行化任务 2.同时采用 s ...

  2. python学习笔记1.4

    注释不被程序执行的辅助性说明信息- 单行注释:以#开头,其后内容为注释# 这里是单行注释- 多行注释:以'''开头和结尾''' 这是多行注释第一行这是多行注释第二行 ''' 保留字and elif i ...

  3. 获取dataGridView双击时判断双击的是下面的行，还是列头

    private void dataGridView1_DoubleClick(object sender, EventArgs e) { Point hit = this.dataGridView1. ...

  4. 分享自建的 Jrebel License Server 激活 Jrebel

    使用在线验证服务器激活 Jrebel 与 Idea 说明 代码来自于开源项目: gsls200808 / JrebelLicenseServerforJava 自建的服务地址 http://jrebe ...

  5. 51nod 1812 树的双直径 题解【树形DP】【贪心】

    老了-稍微麻烦一点的树形DP都想不到了. 题目描述 给定一棵树,边权是整数 \(c_i\) ,找出两条不相交的链(没有公共点),使得链长的乘积最大(链长定义为这条链上所有边的权值之和,如果这条链只有 ...

  6. confiparser模块

    什么是confiparser confiparser,翻译为配置解析,很显然,他是用来解析配置文件的, 何为配置文件? 用于编写程序的配置信息的文件 何为配置信息? 为了提高程序的扩展性,我们会把一些 ...

  7. 获取LAMP与LNMP的编译参数

    1.查看nginx的编译参数[root@LNMP ~]# /application/nginx/sbin/nginx -Vnginx version: nginx/1.6.3built by gcc ...

  8. vue html页面打印功能vue-print

    vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 使用方式 安装 npm install vue-print-nb --save ...

  9. Python模拟鼠标和键盘操作实现重复性操作

    前言 由于工作需要,要利用某软件去采集数据,做重复的动作大概500多次.所以想写一个程序代替人,去点击和输入. 一开始的思路有两个:1.用Python或者windows对此软件直接操作.2.利用Pyt ...

  10. DB2 移动数据总结一

    数据移动参考的连接 IMPORT http://www-01.ibm.com/support/knowledgecenter/SSEPGG_9.7.0/com.ibm.db2.luw.admin.cm ...