web前端学习DAY2——路径、列表

**

web前端学习DAY2——路径、列表

一.路径
1）相对路径
当处于同一级路径时
直接输入就可以

当处于下一级路径时，如：

需调用<img src="images/wo.jpg" />
当目标处于上一级文件夹中时，如下：

调用时需要用到 …/ 表示上一级，上两级用…/…/表示，三级以上以此类推。

2）.绝对路径。绝对路径使用较少，了解就好。

二、列表
列表的目的是为了让界面变得整齐有序！
列表分为三类，分别为无序列表（重点学习）、有序列表（了解即可）、自定义列表（理解）
1.无序列表
语法格式为

<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ul>

注意事项：
-1.ul标签中只能放li标签。
-2.li标签中可以放所有元素。

2.有序列表

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
    ...
</ol>

注意事项与无序列表相同。生成的网页中带有1.2.3.4的顺序。

3.自定义列表

<dl>
    <dt>定义标题</dt>
    <dd>定义描述、解释</dd>
</dl>

dd标签是围绕dt标签进行描述。
eg：

显示后：

废话：任重道远。。。。。。。。。。。。。北冥有鱼，其名为鲲，鲲之大，一锅炖不下。。。。。。
**