zoukankan      html  css  js  c++  java
  • 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=“类型”。
    这些列表都可以相互嵌套。

  • 相关阅读:
    生成微博授权URL及回调地址
    微博三方登录
    celery异步发送短信
    celery配置
    celery原理与组件
    Django----短信验证接口
    Django----图片验证码接口
    编写注册接口
    jwt安装配置
    day19-Exception
  • 原文地址:https://www.cnblogs.com/Find-dream/p/5434131.html
Copyright © 2011-2022 走看看