当前位置:萝卜系统下载站 > 网页设计教程 > 详细页面

html无序下文的分类type

html无序下文的分类type

更新时间:2023-06-16 文章作者:未知 信息来源:网络 阅读次数:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

【实例介绍】

无序列表的类型type

默认情况下,无序列表的项目符号是●,type属性规定列表的项目符号的类型,避免列表符号的单调。

【基本语法】

<ul type="符号类型">
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
···
</ul>

【语法介绍】

在该语法中,无序列表其他的属性不变,type属性则决定了列表项开始的符号。它可以设
置的值有3个,如表所示。

                                              无序列表的序号类型

类型值                                       列表项目的符号
Disc  默认值                          黑色实心圆点项目符号“●”
circle                                      空心圆环项目符号“○”
square                                  正方形的项目符号“□”

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>设置无序列表的类型</title> </head> <body> <p><b>   云南特产</b> </p> <ul type="square"> <li>大理 木雕工艺</li> <li>大理 雕梅炖梅</li> <li>怒江 独龙毯</li> <li>罗平小黄姜</li> <li>猴头菇</li> <li>丽江 鸡粽</li> <li>丽江 铜器</li> <li>丽江 蜂糖梨</li></ul> </body> </html>

【代码分析】

在代码中,加粗部分的标记为设置无序列表类型为方块,在浏览器中预览可以看到效果,如图所示。

无序列表的类型type运行效果

 【素材及源码下载】

请点击:html无序列表的类型type 下载本实例相关素材及源码

 


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行