HTML教程(4)-列表
2004-10-29 23:49
429 查看
位置控制
通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:<DIV ALIGN=#> #=left/right/center
另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。
如:
<P ALIGN=#>
<HR ALIGN=#> #=left/right/center
<H1 ALIGN=#〉
在实际的编写中,许多标签和一些属性是结合起来使用的,
比如:
<FONT COLOR="#" SIZE=#>文字</FONT>
<B><U>文字</U></B>
无序号列表
无序号列表使用的一对标签是<ul></ul>,每一个列表项前使用<LI>。其结构如下所示:
<UL>
<LI>第一项
<LI>第二项
<LI>第三项
</UL>
序号列表
序号列表和无序号列表的使用方法基本相同,它使用标签<OL></OL>,每一个列表项前使用<LI>。每个项目都有前后顺序之分,多数用数字表示。其结构如下所示:
<OL>
<LI>第一项
<LI>第二项
<LI>第三项
</OL>
定义性列表
定义性列表可以用来给每一个列表项再加上一段说明性文字,说明独立于列表项另起一行显示。在应用中,列表项使用标签<DT>标明,说明性文字使用<DD>表示。在定义性列表中,还有一个属性是COMPACT,使用这个属性后,说明文字和列表项将显示在同一行。其结构如下所示:<DL>
<DT>第一项 <DD>叙述第一项的定义
<DT>第二项 <DD>叙述第二项的定义
<DT>第三项 <DD>叙述第三项的定义
</DL>
通过ALIGN属性可以选择文字或图片的对齐方式,LEFT表示向左对齐,RIGHT表示向右对齐,CENTER表示居中。基本语法如下:<DIV ALIGN=#> #=left/right/center
另外,ALIGN属性也常常用在其它标签中,引起其内容位置的变动。
如:
<P ALIGN=#>
<HR ALIGN=#> #=left/right/center
<H1 ALIGN=#〉
在实际的编写中,许多标签和一些属性是结合起来使用的,
比如:
<FONT COLOR="#" SIZE=#>文字</FONT>
<B><U>文字</U></B>
无序号列表
无序号列表使用的一对标签是<ul></ul>,每一个列表项前使用<LI>。其结构如下所示:
<UL>
<LI>第一项
<LI>第二项
<LI>第三项
</UL>
序号列表
序号列表和无序号列表的使用方法基本相同,它使用标签<OL></OL>,每一个列表项前使用<LI>。每个项目都有前后顺序之分,多数用数字表示。其结构如下所示:
<OL>
<LI>第一项
<LI>第二项
<LI>第三项
</OL>
定义性列表
定义性列表可以用来给每一个列表项再加上一段说明性文字,说明独立于列表项另起一行显示。在应用中,列表项使用标签<DT>标明,说明性文字使用<DD>表示。在定义性列表中,还有一个属性是COMPACT,使用这个属性后,说明文字和列表项将显示在同一行。其结构如下所示:<DL>
<DT>第一项 <DD>叙述第一项的定义
<DT>第二项 <DD>叙述第二项的定义
<DT>第三项 <DD>叙述第三项的定义
</DL>
相关文章推荐
- HTML网页列表标记学习教程
- html入门教程(三)表格与列表
- HTML入门教程 - 6.无序列表和有序列表(Unordered Lists&Ordered Lists)
- Web前端教程-02.05.HTML列表、块和布局
- HTML入门教程 - 7.关于定义列表(Definition Lists)
- 【网站制作视频教程】-第06讲 html列表与图片应用!-传智播客
- HTML教程:有序列表
- html5+css3+js开发APP实例教程1 -- 文字列表
- HTML中级教程 自定义列表
- HTML教程:定义列表
- HTML教程:无序列表
- html5+css3+js开发APP实例教程2 -- 图片/图标列表
- Html中的列表标签
- 做了一个系列的Android开发教程列表
- html 列表标签 ul ol dl
- 《zw版·Halcon-delphi系列原创教程》halconxlib控件列表
- 前端之路——第三篇:列表、表单、提交按钮、html布局、css的display,制造第一个表单提交案例
- html下拉列表并设置其不能输入
- HTML中列表中元素居中问题
- php 遍历静态html成文章列表