0217HTML学习

• 列表的学习
  • 有序列表
    • <ol type="a" start="3">
    •           <li>宝马</li>
    •           <li>奔驰</li>
    •           <li>比亚迪</li>
    •           <li>奔驰</li>
    •           <li>奔驰</li>
    •      </ol>
      
    • 有序列表的type=“”属性有：1，a，A，I，i
    • start=“”属性：序号开始的位置，此处填写用阿拉伯数字填写序号开始的位置。
  • 无需列表
    • <ul type="circle">
    •           <li>宝马</li>
    •           <li>奔驰</li>
    •           <li>比亚迪</li>
    •           <li>奔驰</li>
    •           <li>奔驰</li>
    •      </ul>
      
    • 应用中又80%都是无序列表；
    • type=“”属性默认为实心原点disc，还有空心圆点circle，实心方点squer等；
  • 定义列表
    • <dl>
    •           <dt>汽车</dt><!--标题列title-->
    •           <dd>宝马</dd><!--描述列description-->
    •           <dd>奔驰</dd>
    •           <dd>比亚迪</dd>
    •           <dt>饮料</dt><!--标题列title-->
    •           <dd>可乐</dd><!--描述列description-->
    •           <dd>雪碧</dd>
    •      </dl>
      
• 列表的嵌套
  • <ol>
  •           <li>女装／内衣
  •           　     <ul>
  •                     <li>春装
  •                          <ol>
  •                               <li>春装1</li>
  •                               <li>春装2</li>
  •                          </ol>
  •                     </li>
  •                     <li>夏装</li>
  •                     <li>秋装</li>
  •                </ul>
  •           </li>
    
    
  •           <li>男装</li>
  •           <li>数码</li>
  •      </ol>
    
  • 不同类型的列表可以相互嵌套;
•  制作表格
  • 表格的标签：<table></table>
  • border=“”:边框的宽度，不设置时则不显示；
    
  • bordercolor=“”:边框颜色的设定；
  • cellspacing=“”:格线间的间距，一般设置为0，则显示为实心细线；
  • cellpadding=“”：表格内容与格线间的距离设定，可以影响表格的尺寸，但一般不同此方式去控制表格尺寸。
  • width=“",height=“”:单元格尺寸的控制，可用于整个表格或单列或行的的尺寸定义；
  • align=“”:表格的水平位置控制
  • bgcolor=“”:表格背景色控制，一般单元格的设定优先于行，行优先于整个表的设定（就近原则）
  • background=“”:背景图片设定；
  • 行标签：<tr></tr>；
  • 列标签：<th></th>（定义标题）;<td></td>（列举数据）
  • 其中列标签需要嵌套进行标签中；
  • 合并单元格：
    • 合并列：colspan=“”(相同行中，从左到右，并删除相同行中的多余的单元格)
    • 合并列：rowspan=“”(相邻行中，从上到下，并删除相邻行中的多余的单元格)