HTML5 有序无序列表和表格

无序列表

       作用:生成一个列表,并且每行前没有序号

       ul和ol标签里面只能包含li标签,li标签中可以放置其他标签。

      格式

   <ul >
     <li></li>
   </ul>

       属性:

           type:指定列表每行前面序号的形式 有disc(小黑点) circle(空心圆) square(实心方块)             none(表示没有序号,使用最多)

有序列表

ol:

       作用:生成一个带有序号的列表

       属性:type 指定列表序号的形式,共有5种 1、 A、 a、 I、 i

   <ol >
       <li></li>
   </ol>

img 标签

      作用:是在网页中插入图片

   属性:

      src:指定图片所在的路径

      路径输入方式:相对路径如果同级目录我们可以直接调用 1.gif

      如果是在图片在上层目录 ../1.gif 上上层用../../1.gif

      width:设置图片宽度

      height:设置图片高度。一般情况指定宽度或者高度其一,图片是等比例缩放。

      border:图片加边框

HTML表格

  • table标签:作用做表格

  • tr标签:是table的子标签,用来定义行

  • td标签:是tr的子标签,用来定义列

table标签的属性

  • border:表示边框,这个属性的值有三个,线条的颜色、线条的粗细、线条的类型

  • width:指定表格的宽度

  • height:指定表格的高度

  • rules=all:合并边框线

  • cellpacing:合并边框线

  • cellpadding:合并边框线

tr属性

  • bgcolor:设置背景色,常用的有pink、yellowgreen、greenyellow、silver

  • height:设置行高

  • align:设置表格中的内容的对齐方式【left、right、center】

td属性

  • bgcolor:设置背景色,常用的有pink、yellowgreen、greenyellow、silver

  • width:设置表格的宽度

单元格合并:

        横向合并:colspan=N

        纵向合并:rowpan=N


版权声明:本文为q159369原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。