html学习笔记:基本结构,排列清单,表格

<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...

原文地址:https://www.cnblogs.com/iplus/p/4467090.html