<学习html>第四天笔记-注释标签；相对路径，绝对路径；有序列表，无序列表，自定义列表；总结

（九）注释标签

便于阅读和理解，但又不需要显示在页面中。

1、多写注释是非常好的写代码习惯，可以使团队协作更加顺畅；
2、注释是写给队友看的，浏览器是不执行不显示的。

语法格式：<!-- 注释语句 -->

（十）路径

1、相对路径
同一级：<img src="logo.jpg" />
下一级:<img src="文件夹名/logo.jpg" />
上一级：<img src="../../logo.jpg" />
①图像文件和HTML文件位于同一级文件夹时，只需要输入图像文件的名称即可，如<img src="logo.jpg" />.

②图像文件位于HTML文件的下一级文件夹，输入文件夹名和文件名即可，文件夹名和文件名之间用“/”隔开，有几层下级文件夹就输几个文件夹名；
如图片在HTML文件同级”img文件夹”里面的”img1文件夹”里面的”logo.jpg”：<img src="img/img1/logo.jpg" />

③图像文件位于HTML文件的上一级文件夹中，则在文件名之前加入“../”，如果是上两级，就是“../../”以此类推。
如：图像文件在HTML文件的上两级文件夹中：<img src="../../logo.jpg" />

2、绝对路径

图像文件的路径如：“D:\web\img\logo.jpg”或者是完整的网络地址如：“http://www.itcast.cm/imgess/logo.jpg”
则代码为：<img src="D:\web\img\logo.jpg" />
或<img src="http://www.itcast.cm/imgess/logo.jpg" />

（十）列表标签

1、无序列表 ul

<ul></ul>

无序列表的各个列表之间没有顺序之分，是并列关系。
语法格式：

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

*注意
①<ul></ul>之间只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或文字的写法是不允许的！
②<li></li>标签之间相当于一个容器，可以容纳所有元素。
例如：

<ul>
    <li>
        <h3>中国</h3>
        <p>重庆</p>
    </li>
</ul>

    这种写法是正确的！

<ul>
    <h3>中国</h3>
    <p>重庆</h3>
</ul>   

这种写法是错误的！

2、有序列表 ol

<ol></ol>

语法格式：

<ol>
    <li>...</li>
    <li>...</li>
    .........
</ol>

*注意
与<ul>一样，在<ol></ol>之间，只能有<li></li>标签，如果要嵌套其它标签则只能放在<li></li>标签中。

3、自定义列表 dl
自定义列表常用于对术语或名词进行解释和描述，自定义列表的列表项前没有任何的项目符号。
语法格式：

         <dl>
             <dt>名词1</dt>
             <dd>名词1解释1</dd>
             <dd>名词1解释2</dd>
             ........
             <dt>名词2</dt>
             <dd>名词2解释1</dd>
             <dd>名词2解释2</dd>
             .........
         </dl>

总结

这四天的总结是：背单词，背标签及含义！