天津平面设计培训天津平面设计培训 天津平面设计软件培训班 天津平面设计培训 天津平面设计培训课程 0基础学高级平面设计 免费试听

广告设计技能培训班

注重实战经验传授,打造视觉设计精英

视觉设计培训天津博奥教育全新五合一教学模式线上下同时授课

 

1.十多年教学经验,由视觉设计行业专家授课

2.视觉设计采用WORKSHOP授课方式,更好吸收教学内容

3.有问题可以随时提出,不积压问题及时解决问题

4.视觉设计培训学习期满后可推荐就业

5.在工作中遇到技术或者设计上的问题给予免费指导

6.视觉设计培训课程可免费重修

 

了解更多天津视觉设计培训学什么 >>

天津平面设计培训视觉设计培训精品设计培训课程推荐

天津平面设计培训 课程

天津平面设计培训就业实战班

高端天津平面设计培训课程

UI设计师培训天津

天津UI设计师培训

UI设计师培训一对一

天津平面设计培训班

天津平面设计培训软件精讲班

天津平面设计软件培训

天津C4D培训班

天津C4D培训

天津平面设计C4D培训

告诉你如何在网页设计html如何建立列表

本文章摘自天津平面设计培训全程实例教学小班精讲十多年教学经验的天津博奥教育官网www.boaoit.com

 

在html页面中,合理的使用列表标签可以起到提纲和格式排序文件的作用,列表分为两类,一是无序列表,一是有序列表,无序列表就是项目各条列间并无顺序关系,纯粹只是利用条列来呈现资料而已,此种无序标签,在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的,比如从1、2、3…一直延伸下去。

列表的主要标签:<UL>无序列表<OL>有序列表 <DIR>目录列表 <DL> 定义列表 <MENU> 菜单列表 <DL>/<DT>/<DD> 定义列表的标记 <LI> 列表项目的标记

4-1 无序列表<UL>:无序列表使用的一对标签是<ul></ul>,无序列表指没有进行编号的列 表,每一个列表项前使用<LI>。<LI>的属性 type有三个选项,这三个选项都必须小写:disc 实心园 circle空心园 square小方块

<ul>如果不使用其项目<li>的属性值,即默认情况下的<ul>会加"实心园"。格式 1:<UL><LI>第一项 <LI>第二项<LI>第三项</UL>

格式 2<ul><li type=disc>第一项<li type=circle>第二项<li type=square>第三项</ul>

4-2 有序列表:<OL>有序列表和无序列表的使用格式基本相同,它使用标签<ol></ol>,每一个列表项前使用<li>。<ol>列表的结果是带有前后顺序之分的编号。如果插入和删除一个列表项,编号会自动调整。顺序编号的设置是由<ol>的两个属性type和start来完成的。start=编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在<li>标签中设定value="n"改变列表行项目的特定编号,例如<li value="7">。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。为了使用这些属性,把它们放在<ol>或<li>的的初始标签中。

平面广告设计辅导班

有序列表 type的属性

type=1 表示列表项目用数字标号(1,2,3...)type=A 表示列表项目用大写字母标号(A,B,C...)

type=a 表示列表项目用小写字母标号(a,b,c...)type=I 表示列表项目用大写罗马数字标号(Ⅰ,Ⅱ,Ⅲ...)

type=i 表示列表项目用小写罗马数字标号(i,ii,iii...)

格式 1<ol type=编号类型 start=value><li>第 1项<li>第 2项<li>第 3项</ol>

格式 2 <ol><li>第 1项<li>第 2项<li>第 3项</ol>

4-3 嵌套列表:将一个列表嵌入到另一个列表中,作为另一个列表的一部分,叫嵌套列表。无论是有序列表和无序列表的嵌套,浏览器都可以自动地分成排列。

4-4 定义列表的标记<DL>/<DT>/<DD>:定义列表的标记也叫描述性列表,定义列表默认为两个层次,第一层为列表项标签<DT>,第二层为注释项标签<DD>。<DT>和<DD>标签通常是成对使用的。也可以一个列表项对应于几个解释项,这种方式很少用。<DD>默认的注释是显示在另一行中,当使用<dl compact="compact">后,注释项和列 表项将显示在同一行。其格式为:<dl><dt>第 1项 <dd>注释 1<dt>第 2项 <dd>注释 2 <dt>第 3项 <dd>注释 3</dl>

4-5 目录列表<DIR>和菜单列表<MENU>:<dir>为目录列表标签,<menu>为菜单列表标签,它们的格式和无序列表

<ul>是一样的,例如:

格式 1:

<dir><li>第一项<li>第二项<li>第三项</dir>

格式 2

<menu>

<li type=disc>第一项

<li type=circle>第二项

<li type=square>第三项

</menu>

 

下一篇:平面设计师必备软件技巧coreldraw中锁定暂不修改的对象

 

 

热文:平面设计师必备软件技巧coreldraw巧用快捷键进行缩放操作

 

 

 

天津平面设计相关培训:天津市天津平面设计培训天津市天津平面设计培训就业班天津UI设计培训天津PS培训天津C4D培训天津AI培训天津犀牛Rhino培训天津Solidworks培训SolidWorks培训全科班天津素描培训天津CAD培训天津室内设计培训天津建筑Rhino参数化设计培训天津办公软件培训天津各所大学到天津博奥教育的乘车路线

 

 

 

天津PS培训

PS设计软件培训课程学习辅导资料

为了更好的让学员进行学习PS设计软件,天津博奥教育在专注天津平面设计培训课程的同时也为学员提供大量的PS软件的学习辅导资料...

 

AI培训天津

AI设计软件培训课程学习辅导资料

学习平面设计中的AI软件,想知道AI有多少应用巧计,想更快的掌握AI软件,想尽快学习并掌握AI软件吗?天津博奥教育提供大量...

 

CorelDRAW培训

CorelDRAW软件培训学习辅导资料

天津平面设计培训课程中的CDR软件是平面设计工作中重要的软件之一,CDR软件在使用中有好多实际技巧和经验,为了正好的学习,天津博奥教育...

天津平面设计培训

ID设计软件培训课程学习辅导资料

为了更好的让学员进行学习ID设计软件,天津博奥教育在专注天津平面设计培训课程的同时也为学员提供大量的id软件的学习辅导资料...

 

天津平面设计培训课程文字设计

天津平面设计培训文字设计学习辅导资料

文字在平面设计中的使用及表现,在实际工作中是非常重要,同样也是天津平面设计培训课程中的重点,不但在课上讲解,还提供大量...

 

天津平面设计案例培训

天津平面设计培训综合应用案例辅导资料

不但注重单个设计软件的使用和技巧,更注重的是设计软件的综合应用,用实际设计案例把设计软件无缝衔接,课上授课下课技术指导,还提供大量...


    天津博奥教育地址:天津市南开区鞍山西道百脑汇科技大厦23楼2307室。


    培训咨询电话:022-58697923,022-58697932,18222233399。


    天津博奥教育网址:www.boaoit.com


    乘车路线:45、50、609、662、678、661、829、851、867、879(卧龙里站下)
640、687、859、705、829、849、847(世通大厦站下)

 

 

 

360网站安全检测平台

扫一扫咨询课程

UI设计培训机构一对一教学

培训咨询二维码

UI设计培训高端就业班100%就业