我的前端学习之路＜列表＞

1、有序列表

        含义：有顺序的列表

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

        特点：①ol嵌套li，再嵌套需要在li里面嵌套

                   ②默认列表项，是以数字开头的

        属性：需要对ol进行修饰

                    ①type="1 / A / a / I / i "修改列表项的样式类型，I / i 为阿拉伯符号

                    ②start=" " 修改列表起始项，取值为纯数字

2、无序列表

        含义：没有顺序的列表

<ul>
    <li></li>
    <li></li>
</ul>

        特点：默认的无序列表是黑色实心圆点进行显示

        属性：需要对ul进行修饰

                        ①type=" "         

                                                disc     黑色实心圆   

                                                circle    空心圆 圆环

                                                square   黑色实心方块

                                                none      取消列表项

3，自定义列表

        含义：自己定义的一种格式，但是需要遵循标签结构

<dl>
    <dt></dt>                    /**图片或文字**/
    <dd></dd>                    /**对dt的解释说明**/
<dl>

        应用场合：页面底部列表区域，图文混排区域，问答列表

4，盒子标签<div></div>

        作用：用于区块的划分，划分为一块一块独立的区域后，向里边做布局

        特点：纵向排列

5，span标签<span></span>

        作用：放行内元素 / 独立文本标记 / span空标记

        特点：span标签默认横向排列

6，图片标签<img src="路径">

        路径：①绝对路径：从某一个盘符或互联网地址去查看文件

                   ②相对路径：通过文件与文件夹之间的关系查找对应的文件位置    ../ === 返回上一级

        属性：src：路径属性

                alt=" " 图片描述，当图片为破损文件时，提示文本

                title='' ''  图片描述，当鼠标移在图片上时，提示文本

                width=" " 宽度

                height=" " 高度  当设置图片宽高时，只设置一个，另一个等比例缩放

7，超链接标签<a href="路径" target="目标打开方式" title="提示文本"> </a>

        作用：①超链接作用：不同页面之间跳转

        属性：target=" "  目标打开链接

                                        _self   在本窗口打开

                                        _blank  在新窗口打开

                   title=" "   提示文本

        作用：②超链接锚点作用：实现相同页面中不同区域的跳转

                        应用场景：目录，md文件，通讯录

                        语法：点击部分 <a href="锚点名字">文本</a>

                                   点击部分<div id="锚点名字">文本</div>