html:列表标签(无序、有序、自定义)

摘要:
DOCTYPE html˃CourseMath英语面向对象编程//ul˃只有可以放在标签中,但其他元素可以放在标签中:2。有序列表课程语言˂数学英语集˂!

1、无序列表

基本格式:

<ul>

<li></li>

<li></li>

<li></li>

</ul>
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <ul>
            <h4 align="left">课程</h4>
            <li>数学</li>

            <li>英语</li>

            <li>面向对象程序设计</li>

        </ul>
    </body>

</html>

html:列表标签(无序、有序、自定义)第1张

<ul>标签里面只能放<li>,但是<li>标签里面可以放其他的元素

小米官网:

html:列表标签(无序、有序、自定义)第2张

2、有序列表

<ol type="">

<li></li>

<li></li>

<li></li>
</ol>
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <h4 align="left">课程</h4>
        <ol type="1">

            <li>语文</li>

            <li>数学</li>

            <li>英语</li>
        </ol>
    </body>

</html>

html:列表标签(无序、有序、自定义)第3张

可以通过更改属性type改变编号的样式:

l:阿拉伯数字

a:小写英文字母

A:大写英文字母

i:小写罗马文字

I:大写罗马文字

3、相关值的设定

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
        <h4 align="left">课程</h4>
        <ol type="1" start="3">
            <li>程序设计</li>

            <li value="5">语文</li>

            <li value="8">数学</li>

            <li>英语</li>
        </ol>
    </body>

</html>

html:列表标签(无序、有序、自定义)第4张

通过设定属性的值,可以改变每行的起始值和某一行的值。

4、定义列表

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
    </head>

    <body bgcolor="aquamarine">
    
        <dl>
            <dt>语文</dt>
            <dd>李白</dd>
            <dd>鲁迅</dd>
            <dt>数学</dt>
            <dd>高斯</dd>
            
            
        </dl>
    </body>

</html>

html:列表标签(无序、有序、自定义)第5张

 dt是大哥,dd是小弟

小米官网:

html:列表标签(无序、有序、自定义)第6张

免责声明:文章转载自《html:列表标签(无序、有序、自定义)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇分库分表利器——sharding-sphereJquery实现鼠标拖拽效果下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

将txt、csv等文本文件导入Hive

将txt、csv等文本文件导入Hive目录将txt、csv等文本文件导入Hive00.数据在虚拟机外01.启动hadoop、hdfs02.将文件放置在hdfs目录下03.登录hive并进入指定数据库04.根据文件创建表05.执行导入语句00.数据在虚拟机外如果数据在虚拟机内,请跳过此步,直接执行接下来的操作。...

微信小程序知识点总结--组件

aspectFill缩放模式保持缩放图像的纵横比,并且只能完全显示图像的短边。也就是说,图片通常只在水平或垂直方向上是完整的,而另一个方向会被截取。...

季调方法论

理论与实践“季节性调整原则季节性调整方法分析季节性调整实践中遇到的问题只有同比数据缺少春节效应阅读”通货膨胀的季节性调整和预测模型“通货膨胀预测CPI的季节性调整具有明显的春节效应考虑春节效应的季节性调节春节效应的确定CPI的季节调整基于季节性调整后CPI的预测通货膨胀的修正(应对非洲猪瘟的影响)修订并扩大了季度调查方法的CPI预测读数...

fiddler抓包+雷电模拟器 完成手机app抓包的配置

找到系统应用,点击设置,点击无线网络WLAN—˃左键常按点击已连接网络—˃修改网络鼠标左键长按在桌面找到下面这个文件之后双击打开上面证书弄完之后。可以说本机已经安装过证书了,如果你能在模拟器上找到这个证书就不用将这个证书再拉入模拟器了在模拟器中打开系统应用—˃设置—˃安全—˃从SD卡安装。找到FiddlerRoot.cer文件,按提示导入即可,注意在此过程需...

MAC连接安卓手机通过adb指令安装apk

安卓apk可以通过adb命令安装。在MAC计算机上,如果你想通过命令行在Android手机上安装apk,你需要执行以下操作:;总之,将Android SDK的adb命令添加到环境变量中,然后通过adbin stall将apk从计算机安装到手机。最终安装过程中出现问题:无效APKfile解决方案:将要安装的APK文件放入平台工具文件,然后再次输入命令以成功安装...

python中如何调用.py文件

步骤3来自。文件名不应与Python中的文件名相同,并且没有必要添加Py后缀。询问开发人员,“理论上,如果当前包的内容已经加载到python虚拟机中,如果您再次加载包,它将不会输出,导入相当于无效”。...