578 HTML标签_图片标签 and 584 HTML标签_表格标签2

HTML标签_图片标签

图片标签：

　　img：展示图片

　　　　src：指定图片的路径位置

　　　　　　相对路径以 . 开头的路径 

　　　　　　./：代表当前目录 .img/1.jpg

　　　　　　../：代表上一级目录

 <!--图片标签,可展示出图片     移动图片右对齐   图片未显示打印出文字-->
    <img src="img/hongbao.webp" align="right" alt="红包" width="400" height="500">
                                                        <!--设置宽     设置高-->
    <img src="./img/gaoda.jpg" width="700" height="500">

 

HTML标签_列表标签2

列表标签

　　有序列表　　

　　　　　　ol:

　　　　　　li:

　　无序列表

　　　　　　ul：

　　　　　　li: 

 

<!--有序列表，起床顺序-->
    <!--A是序号别名用于排序-->
    <ol type="A" start="5">
             <!--从第几个开始排序-->
        <li>睁眼</li>
        <li>看时间</li>
        <li>还早再眯一会</li>
        <li>起床穿衣洗漱</li>
        <li>吃早餐</li>
    </ol>
    <!--无序列表，不显示第几个实心圆开始排序-->
    <!--实心圆-->
    <ul type="disc">
        <li>睁眼</li>
        <li>看时间</li>
        <li>还早再眯一会</li>
        <li>起床穿衣洗漱</li>
        <li>吃早餐</li>
    </ul>
    <!--实方块-->
    <ul type="square">
        <li>睁眼</li>
        <li>看时间</li>
        <li>还早再眯一会</li>
        <li>起床穿衣洗漱</li>
        <li>吃早餐</li>
    </ul>
    <!--空心圆-->
    <ul type="circle">
        <li>睁眼</li>
        <li>看时间</li>
        <li>还早再眯一会</li>
        <li>起床穿衣洗漱</li>
        <li>吃早餐</li>
    </ul>
运行结果: