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>