border:控制边框

width:宽度

height:高度

table是表格 tr:行 td:列★

colspan:合并列★
rowspan:合并行★

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>列表/表格</title>

</head>

<body>

		<!--1.有序列表/想要不同的效果就用type=""-->

	 <ol>

		<li>夏侯惇</li>

		<li>夏侯渊</li>

		<li>夏侯恩</li>

		<li>曹孟德</li>

		<li>刘玄德</li>

		<li>张翼德</li>

	 </ol>

		<!--2.无序列表/想要不同的效果就用type=""-->

	 <ul>

	 	<li>赵子龙</li>

	 	<li>孙仲谋</li>

	 	<li>鲁子敬</li>

	 	<li>马孟起</li>

	 	<li>关云长</li>

	 	<li>周公瑾</li>

	 </ul>

		<!--3.定义列表/由定义条件和定义描述组成。-->

	<dl>

		<dt>语文</dt>

		<dd>这是一门写作文的学科</dd>

		<dt>数学</dt>

		<dd>这是一门写公式的学科</dd>

	</dl>

<hr>

		<!--表格标签-->

		<!--两行三列-->

		<!--border:控制边框 width:宽度 height:高度-->

		<!--table是表格 tr:行 td:列-->

		<!--在table表格中设置里宽高，里面的行和列不能超过table总体的宽高！！！-->

		<!--td标签属性

		    1.width="100":宽度

		    2.height="100":高度

		    colspan="2":合并列

		    rowspan="2":合并行

		-->

		<table border="1px" width="300px" height="100px">

			<tr height="50px">

				<td colspan="2">数学</td>

				<td>英语</td>

			</tr>

			<tr height="50px">

				<td colspan="3"></td>

			</tr>

		</table>

		<!--所谓两行，也是必须有列才能形成行列对称-->

		<table border="1px" width="100px" height="100px">

			<tr>

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

			</tr>

			<tr>

			</tr>

			<tr>

				<td></td>

			</tr>

		</table>

<hr>

<table border="1px" width="150px" height="150px">

		<tr height="50px">

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

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

		</tr>

		<tr  height="50px">

		</tr>

		<tr  height="50px">

			<td></td>

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

		</tr>

	</table>

</body>

</html>

HTML列表与表格的更多相关文章

  1. Flex 使用列表和表格

    Flex 设计了不同的控件来实现列表和表格,不仅能够将数据显示在表格和列表中,还可以实现对数据进行操纵,修改等更加强大的功能. 与列表和表格相关的控件如下所示: 列表控件(List Control): ...

  2. 复习-css列表和表格相关属性

    css列表和表格相关属性 list-style:设置所有列表属性 list-style-image:将图像设置为列表项标记,主要有url值 list-style-position:设置列表项标记的放置 ...

  3. HTML第二章：列表，表格，媒体元素

    第二章:列表,表格,媒体元素 列表:有三种,有序列表,无序列表,定义列表 1.有序列表:<ol></ol>            列表项:<li></li&g ...

  4. html5--6-35 列表和表格

    html5--6-35 列表和表格 实例 学习要点 掌握列表和表格的样式设置 表格有关的属性: border-collapse 设置是否把表格边框合并为单一的边框.属性值:separate 默认值/c ...

  5. 【HTML】--- 列表、表格、form表单标签

    Html常用标签(2) 上篇博客讲了些常用的html标签 :[HTML]---常用标签(1) 这里主要讲 列表.表格标签和 form表单标签. 一.列表.表格标签 1.列表标签 概念 把内容以列表的形 ...

  6. 前端学习笔记--CSS样式--列表和表格

    1.列表 2.表格 odd:奇数  even:偶数

  7. 【Flutter学习】页面布局之列表和表格处理

    一,概述 Flutter中拥有30多种预定义的布局widget,常用的有Container.Padding.Center.Flex.Row.Colum.ListView.GridView.按照< ...

  8. ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑

    前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译 对于“启用”列,已经配置了格式化 # ...

  9. CSS基础（背景、文本、列表、表格、轮廓）

    CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. backgr ...

  10. css链接，列表，表格

    1.css链接 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 注意: a:h ...

随机推荐

  1. python,可变对象，不可变对象，深拷贝，浅拷贝。

    学习整理,若有问题,欢迎指正. python 可变对象,不可变对象 可变对象 该对象所指定的内存地址上面的值可以被改变,变量被改变后,其所指向的内存地址上面的值,直接被改变,没有发生复制行为,也没有发 ...

  2. 安装vs2017后造成无法打开xproj项目无法打开

    安装vs2017后,再用vs2015打开xproj项目的时候会报错: Error MSB4019 The imported project "C:\Program Files\dotnet\ ...

  3. day 17 - 2 递归函数练习

    1.斐波那契   问第n个斐波那契数是多少 #这个效率是低的,最好不要使用双递归 def fib(n): if n == 1 or n == 2: return 1 return fib(n-1) + ...

  4. 设计模式四: 抽象工厂(Abstract Factory)

    简介 抽象工厂模式是创建型模式的一种, 与工厂方法不同的是抽象工厂针对的是生产一组相关的产品, 即一个产品族. 抽象工厂使用工厂方法模式来生产单一产品, 单一产品的具体实现分别属于不同的产品族. 抽象 ...

  5. 避免’sudo echo x >’ 时’Permission denied’

    避免’sudo echo x >’ 时’Permission denied’ 甲: 示例sudo echo a > 1.txt-bash: 1.txt: Permission denied ...

  6. ROS-PCL点云库的安装

    网上各种说安装点云库还慢,中间出现一些没有依赖库的情况,但在我这里都是很顺利,难道是一开始安装了ROS的原因?不是很清楚,暂且将过程写下来. 一,下载PCL $ git clone https://g ...

  7. 【原创】大叔问题定位分享（28）openssh升级到7.4之后ssh跳转异常

    服务器集群之间忽然ssh跳转不通 # ssh 192.168.0.1The authenticity of host '192.168.0.1 (192.168.0.1)' can't be esta ...

  8. 用WKWebView 截取整个Html页面

    以前使用UIWebview时,想截取整个页面,可以调整内部scrollView的frame,之后调用 scrollView的layer的 render 方法,很方便. 但是在WKWebView上,行不 ...

  9. Linux超级守护进程——xinetd

    Linux超级守护进程--xinetd 一 Linux守护进程 Linux 服务器在启动时需要启动很多系统服务,它们向本地和网络用户提供了Linux的系统功能接口,直接面向应用程序和用户.提供这些服务 ...

  10. Windows Internals 笔记——进程的权限

    1.大多数用户都用一个管理员账户来登录Windows,在Vista之前,这样的登录会创建一个安全令牌.每当有代码试图使用一个受保护的安全资源时,操作系统就会出示这个令牌.从包括Windows资源管理器 ...