上次讲到<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. hdu1495 bfs搜索、模拟

    大家一定觉的运动以后喝可乐是一件很惬意的事情,但是seeyou却不这么认为.因为每次当seeyou买了可乐以后,阿牛就要求和seeyou一起分享这一瓶可乐,而且一定要喝的和seeyou一样多.但see ...

  2. Vue-cil结合Element-ui开发（一）

    前几天用了一下Vue.js结合Element-ui,踩了很多坑,现在总结一下以备以后复习-------------------------------------------------------- ...

  3. 【Excel】数据字典制作

    以下是设计的一种新的数据字典!!! 在Excle中新建2个sheet页,分别是:[主页]与[数据字典] 1.主页内容 E5对应的公式如下:=HYPERLINK("#'数据字典'!C" ...

  4. C# 反射(Reflection)技术

    本文参考自C#反射(Reflection)详解,纯属学习笔记,加深记忆 在介绍反射前,先介绍一个重要的知识点         .Net应用程序是由程序集(Assembly).模块(Module).类型 ...

  5. 解决display none到display block 渲染时间过长的问题，以及bootstrap模态框导致其他框中input不能获得焦点问题的解决

    在做定制页面的时候,遇到这么一个问题,因为弹出框用的是bootstrap的自带的弹出框,控制显示和隐藏也是用自带的属性控制 控制显示,在触发的地方 例如botton上面加上 data-toggle=& ...

  6. redis3.0 cluster功能介绍

    edis从3.0开始支持集群功能.redis集群采用无中心节点方式实现,无需proxy代理,客户端直接与redis集群的每个节点连接,根据同样的hash算法计算出key对应的slot,然后直接在slo ...

  7. vue+cordova项目

    教你用Cordova打包Vue项目   现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app.据我现在的了解打包Vue项目目前流行的就是使 ...

  8. Centos7 部署.netCore2.0项目

    最近在学习.netCore2.0,学习了在Centos上部署.netCore的方法,中间遇到过坑,特意贴出来供大家分享,在此我只是简单的在CentOS上运行.NETCore网站,没有运用到nginx等 ...

  9. WPF 资源字典

    使用好处:存储需要被本地话的内容(错误消息字符串等,实现软编码),减少重复的代码,重用样式,实现多个项目之间的共享资源;修改一个地方所有引用的地方都会被修改,方便统一风格; 使用方法,归纳起来主要有下 ...

  10. Expression Blend实例中文教程(3) - 布局控件快速入门Grid

    上一篇对Blend 3开发界面进行了快速入门介绍,本篇将基于Blend 3介绍Silverlight控件.对于微软开发工具熟悉的朋友,相信您很快就熟悉Blend的开发界面和控件. XAML概述 Sil ...