1. 云栖社区>
  2. PHP教程>
  3. 正文

0217HTML学习

作者:用户 来源:互联网 时间:2017-12-01 10:56:36

学习0217HTML

0217HTML学习 - 摘要: 本文讲的是0217HTML学习, 列表的学习 有序列表 <ol type="a" start="3">           <li>宝马</li>           <li>奔驰</li>           

  • 列表的学习
    • 有序列表
      • <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=“”(相邻行中,从上到下,并删除相邻行中的多余的单元格)

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索学习 0217HTML ,以便于您获取更多的相关知识。