如何使用css,把div设置为一个椭圆容器,在做html页面开发时,我们一般都是使用div来做容器的,如果你需要一个椭圆形的容器,我们可以使用div来实现的,下面来看一下。......
HTML无序列表ul标签用法
HTML超文本标记语言,是目前使用最广泛的语言,我们打开一个网页右击选择“源文件”,显示的内容就是html。这边今天为大家讲下HTML中无序列表ul标签的用法,而Ul一般与li(列表项)一起使用,有需要了解的朋友可以看下:
ps:本篇经验是本人根据自己所知而写的,如有不妥的地方请指出!
方法/步骤
ul>是无序列标签,英文单词为“unordered list”,是闭合标签,尾巴为/ul>,具体使用语法如下:ul>内容/ul>
编辑方式:可以网上百度在线HTML编辑器,或是新建文本文档输入内容后另外为”.html“格式,如下图:
ps:这里使用文本文档方式!
讲完编辑方法,现在正式说说ul>用法,其常结合列表项标签li>一起使用,使用格式如下图:
html>
body>
百度经验
ul>
li>时/li>
li>钟/li>
li>boo/li>
/ul>
/body>
/html>
ul>type属性可定义列表情的标记付好,一般有disc(圆点)、circle(圆圈)、square(方块)、等!
①disc
输入内容:
html>
body>
百度经验
ul type="disc">
li>时/li>
li>钟/li>
li>boo/li>
/ul>
/body>
/html>
网页上显示内容跟上述是一样的,ul>的属性一般默认为圆点!
②circle
html>
body>
百度经验
ul type="circle">
li>时/li>
li>钟/li>
li>boo/li>
/ul>
/body>
/html>
网页上显示效果如下:
③square
html>
body>
百度经验
ul type="square">
li>时/li>
li>钟/li>
li>boo/li>
/ul>
/body>
/html>
网页上显示效果如下:
嵌套列表,第一个ul>下嵌套2个列表项,第二个ul>下嵌套1个列表项。
html>
body>
百度经验
ul>
li>离人愁/li>
li>伤别离
ul>
li>凋零落/li>
li>吟空悲
ul>
li>续繁华/li>
li>又何处/li>
/ul>
/li>
/ul>
li>时钟boo/li>
/li>
/ul>
/body>
/html>
ul>是无序列表的 ,而ol>是有序无序列表,用法格式类似,如下说明:
html>
body>
百度经验
ol>
li>离人愁/li>
li>伤别离
ol>
li>凋零落/li>
li>吟空悲
ol>
li>续繁华/li>
li>又何处/li>
/ol>
/li>
/ol>
li>时钟boo/li>
/li>
/ol>
/body>
/html>
注意事项
- 自学html,如有不对可私信或评论指出,如对你有帮助,可点击投票、点赞支持下!
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具,MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具,MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗?MAKA(中文:码卡)作为中国最早推出移动端卡片式交互模式的创新者,随着HTML5技术的日渐成熟......
2023-03-16 367 HTML