• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML网页列表标记学习教程

HTML网页列表标记学习教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含教程,学习,标记,网页,<,li>,序列,文件,-->,定义等相关知识,佚名 希望在学习及工作中可以帮助到您
HTML网页列表标记学习教程.
在html页面中,列表可以起到提纲写领的作用。列表分为两种类型,一是有序列表,一是无序列表。前者用项目符号来标记无序的项目,而后者则使用编号来记录项目的顺序。 所谓有序,指的是按照数字或字母等顺序排列列表项目。 所谓无序,是指以●、○、□等开头的,没有顺序的列表项目。
关于列表的主要标记,如下表所示
标记 描述 <ul> 无序列表 <ol> 有序列表 <dir> 目录列表 <dl> 定义列表 <menu> 菜单列表 <dt>、<dd> 定义列表的标记 <li> 列表项目的标记 有序列表标记<OL>
有序列表使用编号,而不是项目符号来编排项目。列表中的项目采用数字或英文字母开头,通常各项目间有先后的顺序性。在有序列表中,主要使用<ol>和<li>两个标记以及type和两个start属性。
基本语法 <ol> <li>项目一 <li>项目二 <li>项目三 …… </ol>
语法解释
在有序列表中,使用<ol>作为有序的声明,使用<li>作为每一个项目的起始。 文件范例:7-1.htm
通过<ol>和<li>标记建立有序列表。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:7-1.htm -->
03 <!-- 文件说明:建立有序列表 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>建立有序列表</title>
08 </head>
09 <body>
10 <h2>图像设计软件</h2>
11 <ol>
12 <li>Photoshop
13 <li>Illustrator
14 <li>Freehand
15 <li>CorelDraw
16 </ol>
17 </body>
18 </html> 文件说明
第11行定义了列表的类型为有序,第12行到第15行使用了<li>标记作为列表项目的开始。

您可能想查找下面的文章:

  • html+css布局的三种方式(自然布局/流动布局/定位布局)
  • Shtml 精简教程
  • W3C教程(15):W3C SMIL 活动
  • W3C教程(13):W3C WSDL 活动
  • W3C教程(16):其他的W3C活动
  • W3C教程(14):W3C RDF和OWL活动
  • XHTML教程:Transitional和Strict的区别
  • HTML教程:DOCTYPE 的缩写
  • HTML教程:title属性与alt属性
  • W3C教程(1):认识W3C

相关文章

  • 2017-08-05网页设计关于表单输入框的技巧代码
  • 2017-08-05表格(TABLE)标记(TAGS)详细介绍
  • 2017-08-05html是什么文件 html文件如何打开
  • 2017-08-05谷歌浏览下label与input间距的小问题
  • 2017-08-05HTML头标签meta实现refresh重新定向
  • 2017-08-05按回车表单自动提交问题意外发现
  • 2017-08-05Html Select 使用selected属性设置默认选择项
  • 2017-08-05在html中禁用自动完成不让其显示历史记录
  • 2017-09-05XML与HTML的区别
  • 2017-08-05XHTML三种文件类型声明

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html 文本框(text)不可用只读的多种实现方法
    • 网站超级链接的打开方式探讨
    • 举例讲解HTML中META标签的一些使用技巧
    • 多个有inline-block的div的间距与编程的写法有差异
    • 将html标签在浏览器居中显示的css样式
    • HTML4.0元素默认样式整理
    • 不可不知的HTML优化技巧
    • 如何在textarea文本输入区内实现换行
    • html 自定义标签使用实现方法
    • iframe下页面传参数为乱码问题探讨

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有