HTML图片标签和HTML列表标签

HTML图片标签:

图片标签:img

元素:

src:路径

width:宽度

height:高度

align:对齐方式

<img src="img/http.pic.jpg" width="400" height="200" align="right">

有两种方式:

一种是带一个点的意思是:

代表当前的目录

另一种是带两个点的意思是:

代表上一级的目录

代码实现:

<img src="./image/jiangwai_1.jpg">

第二种:

<img src=".. fimage/jiangwai_1.jPg">

 

 

 

 

 

HTML列表标签:

有三种标签分别是:

有序、无序、定义标签

第一种是:

有序列表 ol  li

li其实是英文list item的缩写

list是列表的意思

item是条目的意思

所以结合起来就是 列表条目的意思

有序列表的作用: 给一堆数据添加列表语义, 并且这一堆数据中所有的数据都有先后之分

格式:

<!--有序列表 ol li-->
    <ol>
        <li>JAVA</li>
        <li>JS</li>
        <li>HTML</li>
    </ol>

无序列表:ul  li

<ul type="value">
        <li>吃饭</li>
        <li>出去玩</li>
        <li>工作</li>
    </ul>

元素是:

disc 默认值 实心圆

circle 空心圆

square 实心方块

定义列表是:

<!--定义列表 dl dt-->
    <dl>
        <dt>城堡</dt>
        <dd>刺客圣殿</dd>
        <dt>职业</dt>
        <dd>守护骑士</dd>
    </dl>

 

posted @ 2022-10-25 16:19  冰灵IT  阅读(138)  评论(0)    收藏  举报