<html>

<head>

基本结构,排列清单,表格

<title></title>                <!--文件标题声明-->

<base>                         <!--超链接网址基准参考点-->

<stylesheet>                   <!--可用来设置排版来的声明-->

<link>                         <!--可引用外部文件，如CSS排版样本-->

</head>

<body bgcolor='black' text='orange' leftmargin='10px' topmargin='10px'>

<br> 换行

<p align='center'>段落,left,center,right</p>

<hr size='10%' width='200'>水平直线</hr>

<h1 align='center'>h1:left,center,right<h1>

<h6>h6<h6>

<!--特殊字符：<(lt;)>(gt;)&(amp;)“(quot;)-->

<!--实体字符控制标记:-->

<b>粗</b>

<i>斜</i>

<s>删</s>

<u>下划</u>

<tt>电报</tt>

<sub>下标</sub>

<sup>上标</sup>

<!--语意字符控制-->

<address>地址</address>

<big>大字</big>

<del>删除</del>

<ins>修改</ins>

<small>小字</small>

<strong>加强语气(加粗)</strong>

<em>加强语气(倾斜)</em>

<pre>

文 字 格 式 化

</pre>

<blockquote cite='url'>...</blockquote>

<!--无序号条例式清单-->

<ul>

<li type='dise'>实心圆(默认值)</li>

<li type='circle'>空心圆</li>

<li type='square'>实心方块</li>

</ul>

<!--有序号条例式清单-->

<ol type='a'>

<li> 1表示1,2,3,4</li>

<li> a表示a,b,c,d</li>

<li> A表示A,B,C,D</li>

<li> i表示i,ii ,iii</li>

<li> I表示I,II,III</li>

</ol>

<!--叙述式清单(定义列表)-->

<dl>

  <dt>项目1</dt>

     <dd>内容<dd>

  <dt>项目2</dt>

   <dd>内容<dd>

</dl>

<table

border='1px'       表格的边线

cellspacing='10px' 存储格框线宽度

cellpadding='10px' 数据与框线的距离

width='10%'        表格宽度

height='10%'       表格高度

align='center'     往中靠

bgcolor='light'    背景颜色

background=''      背景图片

summary='dd'       表格数据说明

bordercolor='red'  边框的颜色

bordercolorlight='orange' 边框的亮色

bordercolordark='blue' 边框的暗色

frame='vsides'

void			不要显现表格的边线

above			只要显现出表格的上边线

below			只显现出表格的下边线

hsides			只显示表格的上下边线

vsides			只显现表格的左右边线

lhs				只显现表格的左边线

rhs				只显现表格的右边线

border/box      会显现出表格的所有边线

rules='rows'

rows           只显示出横行的格框线

cols			只显示出直行的格框线

all				显示全部格框线

groups          表示列组合水平部分

none			不显示任何格框线

>

<tr width='10%' height='10%' bgcolor='green' align='center' valign='middle'>

<!--表格的行-->

<th>标题栏</th>

<colspan></colspan>

<rowspan></rowspan>

<th>标题栏</th>

</tr>

<tr>

<td>数据栏</td>

<td>数据栏</td>

</tr>

</table>

</body>

</html>

文/yanxin8原创，获取更多信息请移步至yanxin8.com...

html学习笔记：基本结构,排列清单,表格的更多相关文章

  1. yii的学习笔记 基本结构 自用

    Yii 学习笔记 W:YII是什么? Q:Yii 是一个基于组件的高性能 PHP 框架,用于快速开发大型 Web 应用.它使Web开发中的 可复用度最大化,可以显著提高你的Web应用开发速度.Yii ...

  2. ucos实时操作系统学习笔记——内核结构和任务创建

    对于ucos实时操作系统,邵贝贝的那本书已经写得很详细了,我因为之前不深的研究过ucos,所以在这里做一个笔记,写一些个人对该操作系统的理解,仅仅是个人理解,如果有人看到这边随笔有不对的地方,望给我指 ...

  3. C语言学习笔记--枚举&结构体

    枚举 枚举是一种用户定义的数据类型,它用关键字enum以如下语法格式来声明: enum 枚举类型名字 {名字0,名字1,...,名字n}: 枚举类型名字通常并不真的使用,要用的是大括号里面的名字,因为 ...

  4. C#学习笔记之结构体

    1.概述 结构是一种与类相似的数据类型,不过它较类更为轻量,一般适用于表示类似Point.Rectangle.Color的对象.基本上结构能办到的类全都能办到,但在某些情况下使用结构更为合适,后面会有 ...

  5. 【Html 学习笔记】第五节——表格

    表格也是日常用到的. 普通表格:<table> 表格边框:border 表头:th 表格标题:caption 横/纵向合并的单元格:colspan .rawspan 表格内标签: 单元格间 ...

  6. easyui学习笔记2—在行内进行表格的增删改操作

    第一篇笔记中记录了如何实现表格的增删改,那个是点击之后跳出来一个对话框然后进行的,这里是在表格本身上进行的操作,也很简单,但是这里发现一个版本问题,也可以说是兼容性问题. 1.首先我们看引用的js和c ...

  7. ggplot2学习笔记之图形排列

    转载:https://www.jianshu.com/p/d46cf6934a2f R语言基本绘图函数中可以利用par()以及layout()来进行图形排列,但是这两个函数对于ggplot图则不太适用 ...

  8. 《PHP7底层设计与源码实现》学习笔记2——结构体对齐

    书里给了一段代码,假如有个结构体如下: struct test {     char a;     int b;     long c;     void* d;     int e;     cha ...

  9. contiki学习笔记---process结构体

    process,字面意义,进程,看看它的结构 struct process { struct process *next; #if PROCESS_CONF_NO_PROCESS_NAMES #def ...

随机推荐

  1. oracle知识总结

    Oracle 分页案例: SELECT * FROM(SELECT A.*, ROWNUM RN FROM (SELECT * FROM Table_name) AWHERE ROWNUM <= ...

  2. scrollView - tableView - collectionView 滚动视图的滚动速度

    介绍: 每次滚动都会触发 didScroll 这个方法, 每次滚动都会有一个偏移量,滚动的快慢决定每一次偏移量的大小,可以通过两次滚动偏移量差,判断速度,从而根据速度大小对导航栏做一些操作 { CGF ...

  3. requirejs重点

    1.shim:用于配置不是通过define函数包装的文件,导出什么东西,如果这个文件不再baseURL目录下的话,需要在paths中配置文件目录.并且paths中的键名.shim中的键名.requir ...

  4. Joi图标

    刚开始浏览API的时候,旁边这个图片还真没明白是啥意思.现在才明白过来:),检测工具嘛,哈哈.

  5. POJ 2983 M × N Puzzle

    M × N Puzzle Time Limit: 4000MS   Memory Limit: 131072K Total Submissions: 4860   Accepted: 1321 Des ...

  6. 【贪心】洛谷P1607 [USACO09FEB]庙会班车Fair Shuttle 题解

        不是很容易写出正解的贪心问题. 题目描述 Although Farmer John has no problems walking around the fair to collect pri ...

  7. WPF 布局

    WPF布局原则 WPF窗口只能包含单个元素,为在WPF窗口中放置多个元素并创建更贴近使用的用户界面,需要在窗口上放置一个容器,然后在这个容器中添加其他元素 遵循以下几条重要原则 不应显式设定元素(如控 ...

  8. pyquery的简单操作

    一.初始化 1.html初始化 html = ''' <div> <ul> <li class="item-0">first item</ ...

  9. 剑指offer——面试题4：二维数组中的查找

    // 面试题4:二维数组中的查找 // 题目:在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按 // 照从上到下递增的顺序排序.请完成一个函数,输入这样的一个二维数组和一个 // 整数 ...

  10. ASP.NET Core文件上传、下载与删除

    首先我们需要创建一个form表单如下: <form method="post" enctype="multipart/form-data" asp-con ...