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. 解决关于 ionic3 启动白屏 控制台错误提示：Uncaught SyntaxError Use of const in strict mode.

    今天将项目从ionic2 升级为ionic3 ,ionic serve 运行在网页上无任何错误. 但是将项目打包成为android apk 却一直卡在启动页面 白屏,进不去的情况.后来在android ...

  2. 机器学习基础：(Python)训练集测试集分割与交叉验证

    在上一篇关于Python中的线性回归的文章之后,我想再写一篇关于训练测试分割和交叉验证的文章.在数据科学和数据分析领域中,这两个概念经常被用作防止或最小化过度拟合的工具.我会解释当使用统计模型时,通常 ...

  3. 2.Magicodes.NET框架之路——策略管理

    闲话策略 策略,有很多解释.但鄙人个人比较看重这点: 策略,是为了实现某个目标或者针对某些问题而制定的应对方案,以最终实现目标.比如为实现生娃而XXOO. 因此在本框架中,策略(Strategy),则 ...

  4. Coder解压探索===冥想补蓝v.1.0

    主题是什么? 这是一篇是我自己在探索冥想术的过程中,有了一些浅薄的收获,所以写出来记录与分享. 我不太记得最早是因为什么原因去学习冥想,一开始对我而言,这个词带有很多成见,诸如“老僧入定”“三界六道” ...

  5. python对象属性管理(2)：property管理属性

    使用Property管理属性 python提供了一种友好的getter.setter.deleter类方法的属性管理工具:property. property()是一个内置函数,它返回一个Proper ...

  6. [angularjs] angularjs系列笔记（二）指令

    重复HTML元素 ng-repeat指令可以重复HTML元素 <body> <div ng-app="Home" ng-controller="inde ...

  7. mybatis_13一级缓存

    1. Mybatis的缓存理解 Mybatis的缓存,包括一级缓存和二级缓存,一级缓存是默认使用的.二级缓存需要手动开启. 一级缓存指的就是sqlsession,在sqlsession中有一个数据区域 ...

  8. Spring核心——Bean的定义与控制

    在Sring核心与设计模式的文章中,分别介绍了Ioc容器和Bean的依赖关系.如果阅读过前2文就会知道,Spring的整个运转机制就是围绕着IoC容器以及Bean展开的.IoC就是一个篮子,所有的Be ...

  9. python基础学习（五）while循环语句

    while循环基本使用 循环的作用就是让指定的代码重复的执行 while循环最常用的应用场景就是让执行的代码按照指定的次数重复执行 流程图 基本语法 初始条件设置 —— 通常是重复执行的 计数器 wh ...

  10. Elasticsearch系列（1）：认识Elasticsearch

    官方定义 Elasticsearch 是一个实时的分布式搜索分析引擎, 它能让你以一个之前从未有过的速度和规模,去探索你的数据. 它被用作全文检索.结构化搜索.分析以及这三个功能的组合. Elasti ...