软件测试第二阶段(HTML有序无序列表)

ul无序列表

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

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

格式:<ul>

<li><li>

<ul>

ul的属性:ype:指定列表每行前面序号的形式 有disc(小黑点) dircle(空心圆) 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的子标签,用来定义列able标签的属性border:表示边框,这个属性的值有三个,线条的颜色、线条的粗细、线条的类型

border="1px solid red"

width:指定表格的宽度

height:指定表格的高度

rules=all:合并边框线

cellpacing:合并边框线

cellpadding:合并边框

tr属性

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

height:设置行高

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

td属性

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

width:设置表格的宽度

格式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的表格页面</title>
    </head>

    <body>
        <!--做一个三行两列的表格-->
        <table border="1px red solid" width="800px" height="100" rules="all" cellspacing="0" cellpadding="0">
            <tr bgcolor="#ffc0cb" height="50" align="center">
                <td>姓名</td>
                <td>tom</td>
            </tr>
            <tr bgcolor="#9acd32">
                <td>xx</td>
                <td>xx</td>
            </tr>
            <tr>
                <td bgcolor="silver" width="30%">xx</td>
                <td>xx</td>
            </tr>
        </table>
    </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值