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. 在Spring框架中bean配置文件中constructor-arg标签中没有name元素?

    bean配置文件出现错误的依赖: <beans <beans xmlns="http://www.springframework.org/schema/beans"   ...

  2. 迅为iTOP-4418开发板-Android5.1系统编译补充

    基于iTOP-4418开发板-Android5.1系统编译补充 5.6 编译-20181225 日期之后的源码 本文档补充介绍 4418 编译网盘目录 “J:\局域网共享_阮\iTOP4418 开发板 ...

  3. Centos 05 系统目录讲解

    本节内容 1.linux目录结构 2.主目录功能简介 3.重要子目录 linux目录结构 在linux里面,逻辑上所有目录只有一个顶点,根是所有目录的起点. 根下面是类似一个倒挂的树一样的层次结构 可 ...

  4. 【Java编程思想笔记】注解1-简单了解注解

    文章参考:https://www.cnblogs.com/xuningchuanblogs/p/7763225.html https://www.cnblogs.com/xdp-gacl/p/3622 ...

  5. Ansible------常用功能

    local_action Ansible 默认只会对控制机器执行操作,但如果在这个过程中需要在 Ansible 本机执行操作就需要使用到local_action become:True Ansible ...

  6. jenkins中slave节点连接的两种常用方式

    我们在使用jenkins的时候,一般来说肯定是有slave节点的,本来网上也有好多关于jenkins节点配置的教程,我也就不写了.简单说明一下:任务一般是在slave上面运行的.当然不是讲master ...

  7. 【原创】大数据基础之Alluxio(1)简介、安装、使用

    Alluxio 1.8.1 官方:http://www.alluxio.org/ 一 简介 Open Source Memory Speed Virtual Distributed StorageAl ...

  8. Visual Studio 2015中 没有“安装和部署”的解决方法

    使用Visual Studio 2015 Community新建项目,在已安装模板中的“其它项目类型”下未找到“安装和部署”选项.在微软官网下载 Microsoft Visual Studio 201 ...

  9. vue路由守卫(全局守卫)

    router.beforeEach((to,from,next)=>{}) 回调函数中的参数, to:进入到哪个路由去, from:从哪个路由离开, next:函数,决定是否展示你要看到的路由页 ...

  10. 第一章:OEL6.8之虚拟机安装

    一.在   Windows 上安装  VMware Workstation 具体安装请参考<VMware Workstation 15 Pro 永久激活密钥 下载> 二.创建虚拟机 1:选 ...