<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. 什么是redis？Reids的特点是什么？Redis支持的数据类型有哪些？

    首先,分布式缓存框架 可以 看成是nosql的一种 (1)什么是redis? redis 是一个基于内存的高性能key-value数据库. (有空再补充,有理解错误或不足欢迎指正) (2)Reids的 ...

  2. 【算法笔记】B1020 月饼

    1020 月饼 (25 分) 月饼是中国人在中秋佳节时吃的一种传统食品,不同地区有许多不同风味的月饼.现给定所有种类月饼的库存量.总售价.以及市场的最大需求量,请你计算可以获得的最大收益是多少. 注意 ...

  3. 最近研究了一个.NET的DHT网络搜索引擎，顺便重新整理了下引擎思路，供大家分享讨论下。

    最近研究了一个.NET的DHT网络搜索引擎,顺便重新整理了下引擎思路,供大家分享讨论下.

  4. img的事件

    <img src="../images/clock.jpg" onload=alert('加载成功'); onerror=alert("加载失败");/& ...

  5. springboot(一)：入门

    什么是springboot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不 ...

  6. 【网络】EIGRP负载均衡、手工汇总、泄露明细、安全认证

    基于6.6.6.6/24访问13.1.1.1/24进行负载均衡实例图 一.等价负载均衡 等价负载均衡前,R5路由器背后的6.6.6.6/24访问R1的13.1.1.1/24, 从15.1.1.0/24 ...

  7. Heap — 20181120

    363. Trapping Rain Water public class Solution { /** * @param heights: a list of integers * @return: ...

  8. Spring整合AspectJ的AOP

    学而时习之,不亦说乎!                              --<论语> 看这一篇之前最好先看前面关于AOP的两篇. http://www.cnblogs.com/z ...

  9. JSON.parse(JSON.stringify()) 实现对对象的深拷贝

    JSON.parse(JSON.stringify(obj))我们一般用来深拷贝,其过程说白了 就是利用JSON.stringify 将js对象序列化(JSON字符串),再使用JSON.parse来反 ...

  10. RabbitMQ之消息持久化

    消息的可靠性是RabbitMQ的一大特色,那么RabbitMQ是如何保证消息可靠性的呢——消息持久化. 为了保证RabbitMQ在退出或者crash等异常情况下数据没有丢失,需要将queue,exch ...