table（表格）以及列表的使用

<p>===============table知识总结===============</p>
<ol type="A">
<li>table即是表格的意思，以table开始以及结束。</li>
<li>caption标签是为表格添加标题，不现实在表格范围之内，且只能有一个。</li>
<li>tr代表行，td代表列，th是td的拓展，<b>th标签内的内容会议粗体和居中的样式显示。</b></li>
<li>th标签不可以与caption，tr，td等标签嵌套。</li>
<li>width,height 宽带和高度的设置，单位可以是像素和百分比，非嵌套表格百分比相对于浏览器窗口，
否则相对于嵌套的表格</li>
<li>表格对齐方式，align="left,right,center" 左对齐（默认方式），右对齐，居中对齐。
可针对与水平方向的行</li>
<li>valign 用于设置表格当前的垂直对齐方式。可以针对于竖直方向的列，</li>
<li>border设置边框宽度,bordercolor 设置边框颜色，使用十六进制表示。</li>
<li>cellspacing 单元格之间的间距，内框与外框之间的距离。</li>
<li>cellpadding 控制单元格里的内容与边框的间距以像素为单位。</li>
<li>bgcolor设置背景颜色，但是会被单个格子的颜色覆盖</li>
<li>bordercolor 设置行的边框颜色此处未能实现，有问题</li>
<li>colspan 单元格水平跨度是指在复杂的表格结构中，有些单元格是跨多个列的 rowspan 是针对于跨行的</li>
<li>在HTML文件中 thead、tbody、tfoot都只有一个，分别对应于表格的表首、表主体、表尾，
只是起将表格分段的作用，规范问题不影响tr、td 的使用。</li>

列表：
1、无序列表：<ul> <li></li> </ul> 展现的效果就是同一等级的用同一个标示标示标准type：disc（实心圆）、circle（空心圆）、square（正方形）
2、定义列表标记dl <dl> <dt>这里面放置定义条件</dt> <dd>定义描述，解释说明。</dd> <dl>
3、菜单标记列表 menu 功能与<ul>无序列表一致，也是与<li>搭配，用于显示菜单。
4、目录列表 dir功能与<ul>无序列表一致，也是与<li>搭配，用于显示目录大纲。 (个人认为：之说以设置这么多功能几乎相同的标签，就是因为规范问题。)
5、使用有序列表 <ol> <li></li></ol> type的类型：数字--1，英文字母--A/a，罗马数字--I/i，有序列表的起始值设置：start=“类型”。
这些列表都可以相互嵌套。

转载于:https://www.cnblogs.com/Find-dream/p/5434131.html

table（表格）以及列表的使用相关推荐

html5语言在tr下下拉列表,5-HTML列表， table表格标签及其属性-Go语言中文社区
一.有序列表 (ordered list) 格式: 有序列表有序列表有序列表语义及运用: 给一堆数据添加列表语义,数据有先后之分.常运用于歌单,排行榜等需要列出先后顺序的列表. 注意点: 1. ...
element 表格table纵横双列表头斜线样式处理和多级表头循环
element 表格table纵横双列表头斜线样式处理和多级表头循环 <!DOCTYPE html> <html> <head><meta charset= ...
layui一个表格中怎么接两个接口的值_layer学习笔记之table表格引入数据实现分页...
LayUI是一款免费,开源,轻量级的前端cms框架,适用于企业后端,能快速上手开发,集成了常用的组件,还有完善的文档和社区. 最近一直在学习使用layer的layui框架技术,这个主要表现在于弹出层的 ...
ant design vue table 高度自适应_html之table表格
概述 html中提供了一个table表格的东西,不过到现在来说,用处基本上不是很大,但有些报表的项目中还是会用到的.此内容可以稍微一带而过,用到的时候,再回来复习也不迟.表格由 <table&g ...
vue渲染大量数据如何优化_Vue - Table表格渲染上千数据优化
Vue - Table表格渲染上千数据优化此次项目经验会谈谈常常在项目中,针对成千上万数据渲染优化的不断探索来谈谈本身的体会,其目的就是保证用户浏览上万条数据的时候,UI要很流畅,确保用户操做过程当 ...
html表格中添加修改和删除链接,jQuery实现为table表格动态添加或删除tr功能示例...
本文实例讲述了jQuery实现为table表格动态添加或删除tr功能.分享给大家供大家参考,具体如下: HTML页面元素如下: 订单合同号捆包号品名规格材质重量业务需求是,从后台获取到订单 ...
超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用......
为什么80%的码农都做不了架构师?>>> 日期:2012-10-15 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
antd4 table里面表单赋值_vue的组件化——table表格的封装
什么是组件化--组件化是vue.js中的重要思想之一,也是vue的一个强大功能.它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用:任何的应用都可以被抽象成一个组件进行复用. ...
element Table表格实现前x行恒展示，不会被折叠，设置点击表头按钮排序。
table表格前X行恒展示不会被折叠. 表头筛选按钮示意图: // data --渲染的数据(每一列每一行),请求回来的. 默认通过字段名和每一个headers对象中每一个prop来对应起来渲染数据的 ...
HTML表格、列表、表单
学习目标: 学会表格的基本语法,了解表格的属性以及合并单元格: 学会三种列表的基本语法,了解三种列表的属性. 学习内容: 一.表格标签表格的基本语法 <table> <tr> ...

table（表格）以及列表的使用