欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

HTML ul 标签是什么意思?

最编程 2024-04-14 21:35:10
...
一起使用,使用格式
<html>
<body>
PHP中文网
<ul>
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>
登录后复制

效果如下:

tuyi.png

简单的用法说完了,现在想把无序列表中的小圆点换掉,怎么办呢?

二、

    标签的type属性可定义列表情的标记符号,一般有

  • disc(圆点)

  • circle(圆圈)

  • square(方块)

三种属性值,现在让我们来实践一下:

disc就不实验了,和刚才的一样,都是小圆点表示的。

我们来看看square属性值

<html>
<body>
PHP中文网
<ul type="square">
<li>HTML</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>
登录后复制

上面的代码效果如图:

tuer.png

有点小,虽然不是很明显,但是看得出来,它的确是个方块形的。

三、现在来说说嵌套列表:

嵌套列表,都是在

    标签下的
  • 标签里面嵌套
      标签,不能在
        里面建一个ul标签。

        第一个

          下嵌套2个列表项,第二个
            下嵌套1个列表项。
            <html>
            <body>
            PHP中文网
            <ul type="square">
            <li>这是嵌套
                <ul>
               <li>123</li>
               <li>456</li>
                  <ul>
                  <li>一二三</li>
                  <li>四五六</li>
                  </ul>
                </li>
                </ul>
                </li>
            <li>HTML</li>
            <li>PHP</li>
            <li>python</li>
            </ul>
            </body>
            </html>
            登录后复制

            上文的HTML中ul标签的效果如图:

            tusan.png

            这就是关于HTML ul无序列表标签的三种比较简单的用法,还有就是关于css方面了,这个以后再说,(更多的请登录www.php.cn)我们这篇文章到这就结束了,有问题的可以在下面提问。

            【小编推荐】

            HTML中的base标签如何写相对路径?(内附使用介绍)

            HTML meta标签的作用是什么?html meta标签的使用方法介绍

以上就是HTML ul标签的什么意思?HTML ul标签的作用详解的详细内容,更多请关注php中文网其它相关文章!