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   (在父窗口打开)
特点文字有颜色。有下划线，鼠标放上去会出现小手
表格是用来展示数据的