1. a标签

- 超链接，可以跳转

- 锚  href='#某个标签的ID'    标签的ID不允许重复

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>百度跳转</title>

 </head>

 <body>

      <div>

          <a href="http://www.baidu.com" target="_blank">百度</a>

      </div>

      <div>

          <a href="#i1">第一章</a>

          <a href="#i2">第二章</a>

          <a href="#i3">第三章</a>

          <a href="#i4">第四章</a>

      </div>

      <div id="i1"  style="height:400px;">第一章的内容</div>

      <div id="i2"  style="height:400px;">第二章的内容</div>

      <div id="i3"  style="height:400px;">第三章的内容</div>

      <div id="i4"  style="height:400px;">第四章的内容</div>

 </body>

 </html>

2. img 标签

src，title，alt，style

3. 列表

ul-li

ol-li

dl-dt大标题

dd小标题

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <img src="1.jpeg">

     <ul>

         <li>qwer</li>

         <li>tyuii</li>

         <li>ahdfhaj</li>

         <li>adhsh</li>

     </ul>

     <ol>

         <li>asdfq</li>

         <li>hhhjk</li>

         <li>sfhhh</li>

         <li>ddddd</li>

     </ol>

     <dl>

         <dt>111</dt>

         <dd>aaa</dd>

         <dd>bbb</dd>

         <dd>ccc</dd>

         <dt>222</dt>

         <dd>qqq</dd>

         <dd>www</dd>

         <dd>eee</dd>

     </dl>

 </body>

 </html>

4.表格

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

     <table border="1">

         <tr>

             <td>主机名</td>

             <td>端口</td>

             <td>操作</td>

         </tr>

         <tr>

             <td>1.1.1.1</td>

             <td>80</td>

             <td>

                 <a href="1.html">查看详细</a>

                 <a href="#">修改</a>

             </td>

         </tr>

     </table>

</body>

</html>

标准写法

table

thead

tr

th

tbody

tr

td

colspan

rowspan

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

      <table border="1">

          <thead>

                <tr>

                    <th>表头1</th>

                    <th>表头2</th>

                    <th>表头3</th>

                </tr>

          </thead>

          <tbody>

                <tr>

                    <td>1</td>

                    <td>2</td>

                    <td>3</td>

                </tr>

                <tr>

                    <td colspan="2">a</td>

                    <td>b</td>

                </tr>

                <tr>

                    <td>qqq</td>

                    <td rowspan="2">rrr</td>

                </tr>

          </tbody>

      </table>

</body>

</html>

第二篇 Html(13章节）-a标签，img标签，列表，表格的更多相关文章

  1. 《CLR.via.C#第三版》第二部分第13章节 接口 读书笔记(七)

    这章的书写感觉很普通,是些基础的认知知识. 其中一点的重要认知,泛型接口的好处(其实也是使用泛型的好处之一):编译时类型安全&处理值类型时减少装箱. 再说点书上没有的.本来这些知识我打算另外分 ...

  2. [应用篇]第二篇 JSP自带标签介绍

    JSP 有以下三类标签: 指令:JSP Directive 指令标签用于设置与整个 JSP 页面相关的属性,非常常用. 下面的三种标签是我们使用频率最高的 标签 jsp标签 描述 <%@ pag ...

  3. 第二篇 Replication：分发服务器的作用

    本篇文章是SQL Server Replication系列的第二篇,详细内容请参考原文. 分发服务器是SQL Server复制的核心组件.分发服务器控制并执行数据从一个服务器移动到另一个服务器的进程. ...

  4. 第二篇 Integration Services：SSIS数据泵

    本篇文章是Integration Services系列的第二篇,详细内容请参考原文. 简介SSIS用于移动数据.数据流任务提供此功能.因为这个原因,当介绍SSIS时我喜欢从数据流任务开始.数据流任务的 ...

  5. “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇（数据库结构、登录窗口、以及主界面）

    “MVC+Nhibernate+Jquery-EasyUI”信息发布系统 第二篇(数据库结构.登录窗口.以及主界面) 一.在上一篇文章中,主要说的就是把主框架搭建起来,并且Nhibernate能达到增 ...

  6. 第二篇 界面开发 (Android学习笔记)

    第二篇 界面开发 第5章 探索界面UI元素 ●The Android View Class     ●△Widget设计步骤 需要修改三个XML,以及一个class: 1)第一个xml是布局XML文件 ...

  7. 【译】第二篇 Replication：分发服务器的作用

    本篇文章是SQL Server Replication系列的第二篇,详细内容请参考原文. 分发服务器是SQL Server复制的核心组件.分发服务器控制并执行数据从一个服务器移动到另一个服务器的进程. ...

  8. 【译】第二篇 Integration Services：SSIS数据泵

    本篇文章是Integration Services系列的第二篇,详细内容请参考原文. 简介SSIS用于移动数据.数据流任务提供此功能.因为这个原因,当介绍SSIS时我喜欢从数据流任务开始.数据流任务的 ...

  9. 前端第二篇---前端基础之CSS

    前端第二篇---前端基础之CSS 目录 一.css介绍 二.css语法 三.css的几种引入方式 四.css选择器 五.css属性相关 六.盒子模型 拓展 一.css介绍 CSS(Cascading  ...

随机推荐

  1. 【ABP杂烩】Extensions后缀扩展方法

    1.Extensions介绍 扩展方法使你能够向现有类型“添加”方法,而无需创建新的派生类型.重新编译或以其他方式修改原始类型. 扩展方法是一种特殊的静态方法,但可以像扩展类型上的实例方法一样进行调用 ...

  2. CentOS7 安装中文输入法

    CentOS7输入中文,打开终端,使用管理员权限 su 输入管理员密码,回车 输入 yum install  ibus-libpinyin 回车,耐心等待安装完,然后重启系统 重启完后再进行前面的步骤 ...

  3. 微信小程序ios上时间字符串转换为时间戳时会报错，在开发工具上和安卓手机上运行成功

    给定一个时间字符串  var time="2017-02-27 16:42:53" js有三种转换为时间戳的方法: 1.var timestamp = Date.parse(tim ...

  4. linux 命令 — tr

    tr 对stdin字符进行替换.删除和压缩,基本形式 tr [options] set1 set2 将输入的字符串中的set1字符转换为set2中对应位置的字符 set1.set2表示字符集,如果se ...

  5. keepalived实现mycat高可用问题排查；道路坎坷，布满荆棘，定让你大吃一惊!

    前言 开心一刻 医院里,一母亲带着小女孩打针.小女孩:“妈妈我不想打针,疼!”妈妈:“宝贝儿听话,这里这么多护士阿姨,咱们找个打针不疼的.”小女孩:“那哪个阿姨打针不疼呢?”妈妈:“妈妈也不知道,咱们 ...

  6. 无需操作系统直接运行 Python 代码

    Josh Triplett以一个“笑点”开始了他在PyCon 2015上的演讲:移植Python使其无需操作系统运行:他和他的英特尔同事让解释器能够在GRUB引导程序.BIOS或EFI系统上运行.连演 ...

  7. java实现带空格字符串的倒序输出

    import org.junit.Test; public class StringtoChar { @Test public void main(){ String str ="hello ...

  8. vue 路由 及 跳转传递参数的总结

    博客地址:https://ainyi.com/4 vue-router vue-router 是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基 ...

  9. ife2018 零基础学院 day 4

    第四天,背景边框列表链接和更复杂的选择器 背景,边框,列表,链接相关属性 背景 MDN 背景 W3School 背景 元素的背景是指,在元素内容.内边距和边界下层的区域. 属性 描述 backgrou ...

  10. [转]Docker和Rancher的安装与基本使用

    本文转自:https://blog.csdn.net/wangshouhan/article/details/80405672 一.Docker1.CentOS下Docker安装 安装 $ yum - ...