html表格及列表
表格的属性:
border:边框
cellpadding:内边距 单元格边框跟内容之间的间距
cellspacing:外边距 单元格跟单元格之间的距离
align:表格的对其样式
width:宽度
height:高度
bordercolor:边框颜色
cols:columns 列 垂直切割页面
rows:行 水平切割
表格的作用?
1、存放数据
2、页面布局
下面这三个标签的语义化是非常强的
thead 表格的头部
tbody 表格的身体
1.占比比较大
2.浏览器会优先加载tbody部分
3.展示的顺序跟代码的顺序无关
tfoot:定义表格的页脚(脚注或表注)
列表:
1、无序列表:
<ul>
<li></li>
</ul>
2、有序列表:
<ol> //order list
<li></li>
</ol>
3、自定义列表:
<dl>
<dt></dt> //dt:define title
<dd></dd> //dd:define description
</dl>
dt跟dd的关系:
dd会对dt进行详细的描述
html表格及列表的更多相关文章
- 第 18 章 CSS 表格与列表
		
学习要点: 1.表格样式 2.列表样式 3.其他功能 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 表格和列表,通过表格和列表的样式设置,让表格和列表显示更加多元化. 一.表格样式 表格有五 ...
 - 第七十五节,CSS表格与列表
		
CSS表格与列表 学习要点: 1.表格样式 2.列表样式 3.其他功能 一.表格样式 表格有五种独有样式,样式表如下: 属性 值 ...
 - Easyui数据表格-地区列表及工具栏增删改
		
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...
 - HTML表格与列表
		
HTML表格 表格其实就是很多的小单元格,而这些小单元格很有次序的排列着,它们有很多行,很多列.这些很多行列组成的东西,就叫表格,表格是<table>标签来定义的.而<table&g ...
 - html表格,列表
		
1. 表格由 <table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义).字母 td 指表格数据(t ...
 - 【CSS3】表格、列表
		
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
 - Java生成PDF文档(表格、列表、添加图片等)
		
需要的两个包及下载地址: (1)iText.jar:http://download.csdn.net/source/296416 (2)iTextAsian.jar(用来进行中文的转换):http:/ ...
 - HTML02--引用样式、表格、列表、div布局
		
接上一篇“HTML01随笔” 1.使用样式: 内联样式:标签中使用style属性 内部样式:<head>使用<style type="text/css" ...
 - 认识HTML中表格、列表标签以及表单控件
		
前端之HTML,CSS(二) HTML标签 列表标签 无序列表:闭标签,由<ul><li></li>...</ul>组合而成,效果成纵向列表.格式:&l ...
 
随机推荐
- gradle是什么
			
Gradle是JVM生态下又一款开源的自动化构建工具,以基于Groovy的DSL描述构建过程,在结合了ant和maven的优点的基础上,提供了更为简洁,灵活和高效的build体验. Task代表了构建 ...
 - nuxtjs踩坑指南
			
1.nuxt引入问题:Can't resolve 'stylus-loader' 原因在于没有安装stylus,安装即可:npm install stylus stylus-loader --save ...
 - linux下如何查看自己都装了什么服务
			
service --status-all 先把rabbitmq进程杀掉 ps -ef | grep rabbitmq | grep -v grep | awk '{print $2}' | xargs ...
 - linux 硬盘满了后,查看使用目录占用空间情况
			
cd 切换到目录, du -ah --max-depth=1 查看当前目录下的 文件夹 占用情况
 - Jsp自学1
			
jsp学习之初,我是用记事本(EditPlus)来进行编辑的,那么写好的jsp文件如何执行看到效果呢?不像html文件可以直接用浏览器打开,jsp文件需要先进行编译器的编译才能执行,而Tomcat就可 ...
 - 【前端知识体系-JS相关】ES6专题系列总结
			
1.如何搭建ES6的webpack开发环境? 安装Node环境 node -v // 10.14.1 安装NPM环境 npm -v // 6.4.1 安装babel npm install @babe ...
 - redis命令之 ----Set(集合)
			
SADD SADD key member [member ...] 将一个或多个 member 元素加入到集合 key 当中,已经存在于集合的 member 元素将被忽略. 假如 key 不存在,则创 ...
 - C# 中的浅拷贝与深拷贝
			
Ø 简介 在 C# 中分为两种数据类型,值类型和引用类型.我们知道,值类型之间赋值是直接将值赋值给另一个变量,两个变量值的改变都互不影响:而引用类型赋值则是将引用赋值给另一个变量,其中一个变量中的成 ...
 - 转 经典分类网络Googlenet
			
转自https://my.oschina.net/u/876354/blog/1637819 2014年,GoogLeNet和VGG是当年ImageNet挑战赛(ILSVRC14)的双雄,GoogLe ...
 - Java并发包——线程安全的Map相关类
			
Java并发包——线程安全的Map相关类 摘要:本文主要学习了Java并发包下线程安全的Map相关的类. 部分内容来自以下博客: https://blog.csdn.net/bill_xiang_/a ...