今天准备为大家准备了表格和列表。

一、文章有各种数据的表格这个网页也不例外。

（1）、标签意思　

<table>----------------------表格开始
　　<caption></caption>-------表格标题
　　　　<tr>--------------------行开始标签 
　　　　　　<th></th>-------------表头 
　　　　　　<tb></tb>-------------单元格 
　　　　</tr>-------------------行结束标签 
</table>---------------------表格结束

（2）、表格样式

　　cellpadding 属性设置单元格边框和单元格内容的距离。
　　cellspacing 属性设置单元格之间的距离。
　　border 属性表示边框  
      width 设置表格的宽。

      height 设置表格的高。 [注]：高这个属性最好不小给 table 中写，让它自动撑开就好。但这个可以给 tr 给每行需要的高度

代码

<html>

     <head>

	<title>表格</title>

     </head>

     <body>

	<table border="1px" width="500px" cellpadding="10px" cellspacing="10px">

　　		<caption>表格标题</caption>

　　　　		<tr height="50px">

　　　　　　		<th>表头</th>

　　　　　　		<th>表头</th>

　　　　		</tr>

		<tr>

　　　　　　		<td>单元格</td>

　　　　　　		<td>单元格</td>

　　　　		</tr>

	</table>

     </body>

</html>

效果

二、无序列表

<ul> 无序列表属性：
　　<li></li> 　　 （type属性） <ul type="dise">（是无序列表前边小黑点的属性）
</ul> 　　　　 　　 disc(实心圆) circle（空心圆） square（方块）

代码

<html>

     <head>

	<title>表格</title>

     </head>

     <body>

	 <ul type="circle">

 		<li>无序列表</li>

 	 </ul>           

     </body>

</html>

效果　

　

三、有序列表

有序列表：
<ol> 　　　　　　 有序列表属性：
　　<li></li>     （type属性） <ol type="1">
</ol> 　　　　　　 1(按数字1.2.3...往下排) A（按大写字母A.B.C...往下排） a（按小写字母a。b。c....往下排）
　　　　　　　　　　Ⅰ(按大写罗马数字Ⅰ、Ⅱ、Ⅲ.....往下排)
　　　　　　　　　　（start属性）<ol start="2">(表示这个有序列表不是默认的从1开始是从2开始的)

代码

<html>

     <head>

	<title>有序列表</title>

     </head>

     <body>

	  <ol type="A">

   		<li>有序列表</li>

   		<li>有序列表</li>

   		<li>有序列表</li>

 	  </ol>                     

     </body>

</html>

效果 按照A,B,C... 往下排 type 只能写那三种

html基础-表格-列表（4）的更多相关文章

  1. 【共享单车】—— React后台管理系统开发手记：AntD Table基础表格

    前言:以下内容基于React全家桶+AntD实战课程的学习实践过程记录.最终成果github地址:https://github.com/66Web/react-antd-manager,欢迎star. ...

  2. 循序渐进VUE+Element 前端应用开发(5）--- 表格列表页面的查询，列表展示和字段转义处理

    在我们一般开发的系统界面里面,列表页面是一个非常重要的综合展示界面,包括有条件查询.列表展示和分页处理,以及对每项列表内容可能进行的转义处理,本篇随笔介绍基于Vue +Element基础上实现表格列表 ...

  3. 1.进入debug模式（基础知识列表）

    1.进入debug模式(基础知识列表)1.设置断点 2.启动servers端的debug模式 3.运行程序,在后台遇到断点时,进入debug调试状态 ========================= ...

  4. Python基础数据类型-列表（list）和元组（tuple）和集合（set）

    Python基础数据类型-列表(list)和元组(tuple)和集合(set) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 本篇博客使用的是Python3.6版本,以及以后分享的 ...

  5. 【转】一张图解析FastAdmin中的表格列表的功能

     一张图解析FastAdmin中的表格列表的功能 功能描述请根据图片上的数字索引查看对应功能说明. 1.时间筛选器如果想在搜索栏使用时间区间进行搜索,则可以在JS中修改修改字段属性,如 {field: ...

  6. python基础之列表list元组tuple

    作者:tongqingliu 转载请注明出处:http://www.cnblogs.com/liutongqing/p/7041763.html python基础之列表list元组tuple 列表li ...

  7. python基础数据类型--列表（list）

    python基础数据类型--列表(list) 列表是我们在后面经常用到的数据类型之一,通过列表可以对数据类型进行增.删.改.查等操作 一列表的增.删.改.查 1增: 1.1增加到最后   append ...

  8. 前端基础-html 列表标签,表格标签,表单标签

    一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项< ...

  9. 【学习笔记】HTML基础：列表、表格与媒体元素

    一.列表是信息资源的一种展现形式,它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能够快速的获取相应的信息. 1.无需列表 <ul> <li>第一项</li ...

随机推荐

  1. iOS 模拟不同的字体大小

     真的是神器!! 参考 Creating Self-Sizing Table View Cells

  2. 【NOIP2017】逛公园 最短路+DP

    诶,去年场上不会处理$0$的环,只拿了$60$有点可惜. 我们先不管边边权为$0$的边. 我们先跑一次最短路,令$dis[u]$表示从$1$至$u$的最短路的长度. 那么根据题目的要求,从起点走到$u ...

  3. 堆排序(最大堆)的理解和实现(Java)

    堆的定义 堆是具有下列性质的完全二叉树:每个节点的值都大于或等于其左右孩子节点的值,称为大顶堆:或者每个节点的值都小于或等于其左右孩子的值,称为小顶堆.如下图举例: 通过堆的定义可知,根节点一定是对中 ...

  4. Label Propagation Algorithm LPA 标签传播算法解析及matlab代码实现

    转载请注明出处:http://www.cnblogs.com/bethansy/p/6953625.html LPA算法的思路: 首先每个节点有一个自己特有的标签,节点会选择自己邻居中出现次数最多的标 ...

  5. Maven与Hudson集成

    Hudson是一款优秀的持续集成产品,本文阐述Maven于Hudson的集成   Hudson的下载和安装 Hudson有两种安装模式,1:自运行(Hudson内建netty容器),2:放到如tomc ...

  6. (转)Linux ldconfig 与 ldd指令

    原文:https://blog.csdn.net/iamzhangzhuping/article/details/49203981 一.ldconfig ldconfig是一个动态链接库管理命令,为了 ...

  7. activity生命周期实例（不同启动模式）

    1.生命周期的几个阶段介绍: onCreate: 表示activity被创建,做一些初始化工作如调用setContentView去加载界面布局资源.初始化Acitivity所需数据等. onResta ...

  8. 【Java并发编程】：并发新特性—Executor框架与线程池

    Executor框架简介 在Java5之后,并发编程引入了一堆新的启动.调度和管理线程的API.Executor框架便是Java 5中引入的,其内部使用了线程池机制,它在java.util.cocur ...

  9. rabbitmq实现一台服务器同时给所有的consumer发送消息（tp框架）（第四篇）

    之前的学习了把消息直接publish到queue里面,然后consume掉, 真实的情况,我们会把消息先发送到exchange里面,由它来处理,是发给某一个队列,还是发给某些队列,还是丢弃掉? exc ...

  10. Chapter 3 Phenomenon——12

    Naturally, the ambulance got a police escort to the county hospital. 自然而然的,救护车让一个警察陪护到县医院去. 自然,救护车一路 ...