上次讲到<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. [原创] Shell 参数传递 与 默认值

    目录 简介 基本传参 $* 与 $@ 区别 默认参数(变量默认值) if 繁琐方式 - 变量为null = 变量为null时, 同时改变变量值 :- 变量为null 或 空字符串 := 变量为null ...

  2. 863公司 linux软测题

    1.浏览目录命令 2.浏览文件命令 3.目录操作命令 4.文件操作命令 5.进程管理命令

  3. springboot项目,执行查询方法报错

    org.hibernate.LazyInitializationException: could not initialize proxy [com.myproject.sell.dataobject ...

  4. vue混入函数问题

    vue开发时,遇到个问题, import mxTable from "#mixin/table"; 导入了一个混入mxTable,但是该混入函数中import了其他的js代码,此时 ...

  5. API Monitor程序分析工具简介

    API Monitor是一个免费软件,可以让你监视和控制应用程序和服务,取得该应用程序的API调用情况. 它是一个强大的工具,看到的应用程序和服务是如何工作的,或跟踪,你在自己的应用程序的问题. AP ...

  6. 使用FCM服务

    1.建谷歌账号 2.在console上新建应用 https://console.firebase.google.com 并下载私钥.json 3.创建测试网页应用 (或app应用) C#服务端: 用H ...

  7. WinScp结合Putty在Windows与UNIX之间进行文件传输

    1. 关于传输协议: SSH Secure Shell安全外壳协议 SFTP Secure File Transfer Protocal安全文件传送协议 2. WinScp与Putty的作用: Put ...

  8. Java - 尚学堂第八章常用类(将输入的string类型的值转为整数、浮点型、日期类型)

    import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; imp ...

  9. Mac上实现对Python的版本切换

    最近朋友邀请我帮忙写个比特币自动化交易程序,要求的平台是Okex,用Python写,之前到是自己学过一点自动化交易,不过是MT5的.看了一下Okex提供的API接口,和MT5不一样,它并没有现成的ID ...

  10. String字符串排序1.8 lamda表达式以及1.7自定义排序

    // 1.8 public class text { public static void main(String[] args) { String s1 = "哈哈哈11,呵呵呵22,嘿嘿 ...