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. 实现quartz定时器及quartz定时器原理介绍

    今天研究定时器,在网上看了一篇不错的文章,推荐给大家! 实现quartz定时器及quartz定时器原理介绍

  2. python 分享一个通过 (key1.key2.key3) 形式获取嵌套字典值的方法

    最近在做接口自动化测试,响应的内容大多数是多层嵌套的json数据,如果一层层的去剥,效率不高,脚本繁重,所以写了一个可以通过(key1.key2.key3)形式获取嵌套字典值的方法,如有不对或者需要优 ...

  3. HP-JavaUtil: xls 操作类

    Written In The Font 谢谢,陈明.哈哈!共勉,努力搞定它. 路漫漫其修远兮,吾将上下而求索 Content ExportExcelAndSave( String[] header, ...

  4. 发福利了！！超过100本的linux免费书籍

    New Books Kindle Fire App Development Essentials iPhone iOS 6 Development Essentials CentOS 6 Essent ...

  5. Unity中控制天空盒移动的解决办法

    为了使天空盒更真实,需要控制天空盒动态旋转. 网上找到的方法是: float num = RenderSettings.skybox.GetFloat("_Rotation"); ...

  6. Django | 页面数据的缓存与使用

    为什么要使用缓存? 一个动态网站的基本权衡点就是,它是动态的. 每次用户请求页面,服务器会重新计算.从开销处理的角度来看,这比你读取一个现成的标准文件的代价要昂贵的多 使用缓存,将多用户访问时基本相同 ...

  7. 3分钟看完Java 8——史上最强Java 8新特性总结之第二篇 Stream API

    目录 · 概况 · 切片(Slicing) · 映射(Mapping) · 匹配(Matching) · 查找(Finding) · 归约(Reducing) · 排序(Sorting) · 数值流( ...

  8. ___Jquery多选框的取值及反显数据

    Jquery操作 ------------------------------------------------------ var arr = new Array(); $("input ...

  9. C# 给一个控件去掉焦点

    给一个控件去掉焦点(如选中控件按钮button时,按钮出现方框显示):例如给form这个窗体中的button按钮去焦点1.首先在form这个窗体中拖一个label按钮,去文字,设置背景为透明: 2.然 ...

  10. [android] 采用pull解析xml文件

    /***********2016年5月6日 更新**********************/ 知乎:Android 中有哪几种解析 xml 的类,官方推荐哪种 ? 以及它们的原理和区别? 刘吉财: ...