HTML 初学者指南(三)

黄舟
发布: 2016-12-23 14:42:11
原创
1346人浏览过

列表lists
html 支持不编号 unnumbered, 编号numbered, 和定义definition 三种列表. 你也可以嵌套列表, 但是不要嵌套过多,否则会使读者感到不清晰。 

不编号列表unnumbered lists 

制作一个不编号的,公告式列表, 

用开始标记

    ( unnumbered list 的简记) 开始 
    输入
  • (list item) 标记,后面跟独立的项; 不需使用
  • 标记 
标记结束整个列表 
下面是一个有三个项的列表: 


  • apples
  • bananas
  • grapefruit
 

输出形式为: 

apples 
bananas 
grapefruit 
  • 项可以含有多个段落. 用段落标记

    指明. 

    编号列表numbered lists 

    编号列表 (也称为 有序列表ordered list) 和不编号列表相同, 只是用

      代替
      . 各项同样用
    • 标记. 下面的 html 代码: 


      1. oranges
      2. peaches
      3. grapes
       

      产生的输出为: 

      oranges 
      peaches 
      grapes 
      定义列表definition lists 

      定义列表 (编码为
      ) 通常含有交替出现的 定义术语definition term (编码为
      ) 和定义描述definition definition (编码为
      ). web 浏览器通常另起一行显示定义描述. 

      下面是一个定义列表的例子: 


      ncsa
      ncsa, the national center for supercomputing applications,
      is located on the campus of the university of illinois 
      at urbana-champaign. 
      cornell theory center
      ctc is located on the campus of cornell university in ithaca,
      new york. 
       

      输出形式为: 

      ncsa 
      ncsa, the national center for supercomputing applications, is located on the campus of the university of illinois at urbana-champaign. 
      cornell theory center 
      ctc is located on the campus of cornell university in ithaca, new york. 
      项可以包含多个段落 (用

      标记指示), 列表, 或其他的定义信息. 

      compact 属性可能会被经常使用,如果你的定义术语很简短的话. 例如,如果你想显示一些计算机选项, 它们可以和定义的开始处于同一行中. 


      -i
      invokes ncsa mosaic for microsoft windows using the 
      initialization file defined in the path
      -k
      invokes ncsa mosaic for microsoft windows in kiosk mode
       

      输出形式为: 

      -i 
      invokes ncsa mosaic for microsoft windows using the initialization file defined in the path. 
      -k 
      invokes ncsa mosaic for microsoft windows in kiosk mode. 
      嵌套列表nested lists 

      列表可以嵌套. 在每个列表项中,你还可以含有多个段落,每个段落含有嵌套列表.

       以上就是HTML 初学者指南(三)的内容,更多相关内容请关注PHP中文网(www.php.cn)!

  • HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载
    来源:php中文网
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    开源免费商场系统广告
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
    php中文网:公益在线php培训,帮助PHP学习者快速成长!
    关注服务号 技术交流群
    PHP中文网订阅号
    每天精选资源文章推送
    PHP中文网APP
    随时随地碎片化学习
    PHP中文网抖音号
    发现有趣的

    Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号