ol建立有序列表，该列表可以用设置type=”A/a”

其语法架构为

<ol>

<li></li>

<li></li>

</ol>

Ul建立无序列表, 该列表可以用设置type=” disc/circle/square”

其语法架构为

<ul>

<li></li>

<li></li>

</ul>

创建表格其基本属性有

Cellspacing:定义边框与边框的间距大小

Cellpadding:定义边框与内容的间隙大小

Bgcolor：定义表格的背景颜色

Width：定义表格的宽度

Height：定义表哥的高度

Caption:创建表格的标题

Colspan：合并左右单元格

Rowspan：合并上下单元格

Th：定义标题内容

Dd/dl：自定义列表

Mark：重点提示

附:

<!doctype html>

<html>

<head>

<meta charset="UTF-8">

<title>20161018</title>

</head>

<body>

<ul>

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

<li>姑苏城外寒山寺</li>

<li>夜半钟声到客船</li>

</ul>

<ul type="disc">

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

</ul>

<ul type="circle">

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

</ul>

<ul type="square">

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

</ul>

<ol type="A">

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

<li>姑苏城外寒山寺</li>

<li>夜半钟声到客船</li>

</ol>

<ol>

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

<li>姑苏城外寒山寺</li>

<li>夜半钟声到客船</li>

</ol>

<!-- 建立嵌套的ul/ol列表 -->

<ol type="A">

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

<ul>

<li>月落乌啼霜满天</li>

<li>江枫渔火对愁眠</li>

</ul>

<ol type="a">

<li>姑苏城外寒山寺</li>

<li>夜半钟声到客船</li>

</ol>

</ol>

<!-- 自定义列表 -->

<dl>

<dt>电脑</dt>

<dd>是一种能够按照程序运行的电子设备</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置</dd>

</dl>

<!-- 使用HTML5创建表格

<table>...</table> - 定义表格

<tr> - 定义表行

<th> - 定义表头

<td> - 定义表元

其语法结构为

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

-->

<!-- 创建一个三行三列的表格 -->

<table border="2px"  cellpadding="2px" cellspacing="20px" bgcolor="DDSSAA">

<caption>创建一个三行三列的表格</caption>

<tr>

<th>姓名</th>

<th>学号</th>

<th>成绩</th>

</tr>

<tr>

<td align="left">1</td>

<td align="center">1</td>

<td align="rigth">1</td>

</tr>

<tr>

<td>1</td>

<td>1</td>

<td>1</td>

</tr>

<tr>

<td align="left">1</td>

<td align="center">1</td>

<td align="rigth">1</td>

</tr>

</table>

<br/>

<table border="2px"  cellpadding="2px" cellspacing="20px" bgcolor="pppppp">

<caption>创建一个一行三列表格</caption>

<tr>

<td bgcolor="red">1</td>

<td bgcolor="green">1</td>

<td bgcolor="blue">1</td>

</tr>

</table>

<!-- 单元格的合并 -->

<br/><br/>

<table width="40" height="40" border="1" cellpadding="20px" cellspacing="3px">

<tr>

<td colspan="2" align="center">1</td>

<td rowspan="2" align="center">2</td>

</tr>

<tr>

<td rowspan="2" align="center">3</td>

<td align="center">5</td>

</tr>

<tr>

<td colspan="2" align="center">4</td>

</tr>

</table>

<br/><br/>

</body>

</html>

今天学习了无序列表和有序列表和使用HTML5创建表格的更多相关文章

  1. HTML无序列表和有序列表

    html无序列表<ul><li></li></ul>   ul属性设定:<ul type="square"> 常用属性值 ...

  2. 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子

    昨天写的那篇文章<我教女朋友学编程Html系列(6)—Html常用表单控件>,基本上有1000人左右看了,那边文章是我站在前人的肩膀上修改来的,添加了截图和说明,合并了例子,使之更容易被初 ...

  3. HTML基础标签的综合应用案例（颜色、斜体、加粗、下划线、a标签、无序列表、有序列表）

    什么是HTML l HTML(HyperText Mark-up Language)即超文本标记语言或超文本标签语言. l 何为超文本:“超文本”可以实现页面内可以包含图片.链接,甚至音乐.程序等. ...

  4. 前端学习 -- Css -- 有序列表和无序列表

    列表就相当于去超市购物时的那个购物清单, 在HTML也可以创建列表,在网页中一共有三种列表: 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul ...

  5. HTML&CSS基础学习笔记1.14—有序列表及列表嵌套

    我们上篇讲到了无序列表,那么今天就来看看有序列表和他们的组合嵌套使用吧. 有序列表 现在我们要做那堆杂事了,但是发现这么多杂事,先做哪个好呢?于是我们给这堆杂事弄个优先级排序,让我们能够按照顺序做下去 ...

  6. Python中将字典转换为有序列表、无序列表的方法

    说明:列表不可以转换为字典 1.转换后的列表为无序列表 a = {'a' : 1, 'b': 2, 'c' : 3} #字典中的key转换为列表 key_value = list(a.keys()) ...

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

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

  8. 9月5日网页基础知识 通用标签、属性（body属性、路径、格式控制） 通用标签（有序列表、无序列表、常用标签）（补）

    网页基础知识 一.HTML语言 HTML语言翻译汉语为超文本标记语言. 二.网页的分类 1.静态页面:在静态页面中修改网页内容实际上就是修改网页原代码,不能从后台操作,数据来只能来源于原于代码.静态网 ...

  9. 9月11日上午HTML有序列表、无序列表、网页的格式和布局

    样式表 六.列表方块 1.有序列表变无序列表 <ol> <li>张店</li> <li>桓台</li> <li>淄川</l ...

随机推荐

  1. HDU-4647 Another Graph Game 贪心,博弈

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4647 注意这题两人的决策是想要使得自己的分数与对方的差值最大.. 注意到数据范围,显然是贪心之类的,如 ...

  2. linux内存负载分析

    衡量内存负载的一个很重要的指标就是页面置换的频率.当linux系统频繁的对页进行换进换出 的时候,说明物理内存不过,不得不进行频繁的置换页面. 使用vmstat(virtual memory stat ...

  3. Oracle-12541:TNS:无监听程序 .

    背景:自己机子做oracle服务器,其他机子可以ping得通我的机子,但是jdbc就是连不上,后来用plsql连出现无监听程序.... 我昨天重新安装Oracle后,用PL/SQL Developer ...

  4. Windows 窗体启动和关闭的事件顺序

    本文系转载学习. 对于关注对 Windows 窗体应用程序中引发的每个事件按次序进行处理的开发人员来说,事件引发的顺序特别重要.当某种情况需要小心处理事件时(如重绘窗体的某些部分时),必须知道事件在运 ...

  5. charindex的用法

    declare @str nvarchar(50);set @str='462,464,2';select @str as '字符串'select len(@str) as '字符长度' select ...

  6. linux下Memcached安装以及PHP的调用

    一:安装libevent 由于memcached安装时,需要使用libevent类库,所以先安装libevent 1.官网下载:http://libevent.org/ #wget   https:/ ...

  7. IOS7 隐藏状态栏

    - (UIStatusBarStyle)preferredStatusBarStyle { return UIStatusBarStyleLightContent; } // - (BOOL)pref ...

  8. Design Pattern Explained 读书笔记二——设计模式序言

    设计模式的由来: 20 世纪 90 年代初,一些聪明的开发者偶然接触到 Alexander(Christopher Alexander 的建筑师) 有关模式的工作.他们非常想知道,在建筑学成立的理论, ...

  9. ThinkPHP函数详解：C方法

    C方法是ThinkPHP用于设置.获取,以及保存配置参数的方法,使用频率较高.了解C方法需要首先了解下ThinkPHP的配置,因为C方法的所有操作都是围绕配置相关的.ThinkPHP的配置文件采用PH ...

  10. hdu 5459 Jesus Is Here 数学

    Jesus Is Here Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid= ...