欢迎光临散文网 会员登陆 & 注册

【再不学就挂科了】自我救赎html系列之二

2022-11-08 11:59 作者:羽走  | 我要投稿

一、有序列表

    标签为<ol></ol>

效果演示

    <ol>标签所带的两种属性

    type只能有五个取值,a, A, 1, I, i,分别对应着小写字母,大写字母,数字,大小写罗马数字,而 start 不能随意的取值,只能取数字,代表着从当前的第几个type下开始进行有序列表。例如上面所演示的代码就是从C开始显示有序列表的。

注意:li 标签里可以随意放置标签,但是 ol 标签里只能放 li 标签。



二、无序列表

    标签为<ul></ul>

效果演示

    无序列表的属性,主要是对前面的圆圈所做出的改变而其的type值有以下四种。

    (1)默认生成的是disc 

    (2)实心圆为circle 

    (3)实心方块为square 

    (4)什么都没有为none(这个用的一般是最多的)

三、自定义列表

    1.自定义列表的标签为 <dl></dl> 这种列表一般都是图片与文字的混排,同时也有许多属性可以修改。

        值得注意的地方是,一个<dl>标签中可以放很多个其他标签,但是这里的建议是只放一对,方便以后属性的修改。

四、图片标签的路径

主要记录一下相对路径。

    1.图片在代码文件的同级目录或者下一级目录。

    2.代码文件和图片文件不在一级或者代码文件在图片文件的下级,这个首先就要跳出当前级别,然后去再去引用相对路径即可。

值得注意的是,当前这种引用图片的相对路径的方式,只能在同一个根目录里面。

五、图片标签属性

        图片属性一个有四种,在正确的引用图片路径的情况下,可以修改图片的高和宽,以及鼠标悬停时显示的信息,如果因为意外原因导致图片引用失败,则属性alt就是会显示错误的提示信息。

        值得注意的是,如果在修改属性的时候,只修改了图片的宽或高的任意一个,那么系统会为我们自动缩放到原有的比例。


以往内容:【再不学就挂科了】自我救赎html系列之一


【再不学就挂科了】自我救赎html系列之二的评论 (共 条)

分享到微博请遵守国家法律