html表格基础及案例示图代码。

列表标签
 有序列表:标签<ol></ol>
  type="">属性值有A,a,I,i,1
  start=”“>    属性值为数字
  有序列表的列表项    <li>
 无序列表:标签<ul></ul>
  type="">属性值有disc   circle   square
  无序列表的列表项<li>
 自定义列表:标签<dl></dl>
  <dt></dt>   列表的标题
  <dd></dd>;列表的列表项
表格标签<table>
 表格的属性
  <table bgcolor="">背景颜色
  <table border="">边框
  <table backgroung="">背景
  <table width="">宽度
  <table cellspacing"">单元格与单元格之间的距离
  <table cellspadding="">单元格与字体之间的距离
  <table height="">高度
  <table align="">对齐,值:left right center
  <table bordercolor="">边框颜色
 <th></th>表格的表头标签。具有<td>的所有属性默认加粗居中
 <tr>表格的行
  bgcolor     背景颜色
  backgroung     背景
  height      高度
  align     行的水平对齐方式
   值有  right    left    center
  valign     行的垂直对齐方式
   值有   top   bottom   middle
 <td>单元格
  bgcolor   背景颜色
  backgroung     背景图片
  width      宽度
  height        高度
  align         单元格的水平对齐方式
  ralign            单元格的垂直对齐方式
  rowspan        合并行(垂直合并)
  colspan        合并列(水平对齐方式)
表格
 表格是用来展示数据的
 width  和  height  一般只写一个另一个会等比例改变
 表格标签<table>
  表格的属性
   <table bgcolor="">背景颜色
   <table border="">边框
   <table backgroung="">背景
   <table width="">宽度
   <table cellspacing"">单元格与单元格之间的距离
   <table cellspadding="">单元格与字体之间的距离
   <table height="">高度
   <table align="">对齐,值:left right center
   <table bordercolor="">边框颜色
  <th></th>表格的表头标签。具有<td>的所有属性默认加粗居中
  <tr>表格的行
   bgcolor     背景颜色
   backgroung     背景
   height      高度
   align     行的水平对齐方式
    值有  right    left    center
   valign     行的垂直对齐方式
    值有   top   bottom   middle
  <td>单元格
   bgcolor   背景颜色
   backgroung     背景图片
   width      宽度
   height        高度
   align         单元格的水平对齐方式
   ralign            单元格的垂直对齐方式
   rowspan        合并行(垂直合并)
   colspan        合并列(水平对齐方式)
 列表标签
  有序列表:标签<ol></ol>
   type="">属性值有A,a,I,i,1
   start=”“>    属性值为数字
   有序列表的列表项    <li>
  无序列表:标签<ul></ul>
   type="">属性值有disc   circle   square
   无序列表的列表项<li>
  自定义列表:标签<dl></dl>
   <dt></dt>   列表的标题
   <dd></dd>;列表的列表项
 图像:图像标签<img/>
  <img src=""/>     图片的路径
  <img width=""/>  图片的高度
  <img height=""/>    图片的高度
  ait    文字提示  当图片无法显示或者路径不对时显示
  <title>  当鼠标放在图片上时的文字提示
 超链接   标签<a  href="路径"></a>
  特点  文字有颜色。有下划线,鼠标放上去会出现小手
  锚标记
   在需要跳转的位置处,目的地写上<a  name="锚点名称"></a>
   如返回顶层。顶部<head>下面写<a name="to"></a>   在主体最后写<a  href="#to"></a>
   target 打开方式
    
    biank(在新窗口打开)
    self   (在当前窗口打开)
    top    (在顶层窗口打开)
    parent   (在父窗口打开)
表格是用来展示数据的
width  和  height  一般只写一个另一个会等比例改变

width  和  height  一般只写一个另一个会等比例改变
<title>  当鼠标放在图片上时的文字提示
ait    文字提示  当图片无法显示或者路径不对时显示
图像:图像标签<img/>
 <img src=""/>     图片的路径
 <img width=""/>  图片的高度
 <img height=""/>    图片的高度
 ait    文字提示  当图片无法显示或者路径不对时显示
 <title>  当鼠标放在图片上时的文字提示
<img height=""/>    图片的高度
<img width=""/>  图片的高度
<img src=""/>     图片的路径
锚标记
 在需要跳转的位置处,目的地写上<a  name="锚点名称"></a>
 如返回顶层。顶部<head>下面写<a name="to"></a>   在主体最后写<a  href="#to"></a>
 target 打开方式
  
  biank(在新窗口打开)
  self   (在当前窗口打开)
  top    (在顶层窗口打开)
  parent   (在父窗口打开)
超链接   标签<a  href="路径"></a>
 特点  文字有颜色。有下划线,鼠标放上去会出现小手
 锚标记
  在需要跳转的位置处,目的地写上<a  name="锚点名称"></a>
  如返回顶层。顶部<head>下面写<a name="to"></a>   在主体最后写<a  href="#to"></a>
  target 打开方式
   
   biank(在新窗口打开)
   self   (在当前窗口打开)
   top    (在顶层窗口打开)
   parent   (在父窗口打开)
特点  文字有颜色。有下划线,鼠标放上去会出现小手
表格是用来展示数据的


案例图片



   html表格基础及案例示图代码。html表格基础及案例示图代码。html表格基础及案例示图代码。html表格基础及案例示图代码。