HTML—列表+超链接


  • 列表
  • 无序列表
    此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
    <ul>
    <li>第一行</li>
    <li>第二行</li>
    </ul>
  • 有序列表
    列表项目使用数字进行标记。
    <ol>
    <li>第一行</li>
    <li>第二行</li>
    </ol>
  • 定义列表
    自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl>标签开始。每个自定义列表项以 <dt>,开始每个自定义列表项的定义以<dd>开始。
    <dl>
    <dt>苹果</dt>定义
    <dd>酸酸甜甜</dd>//解释。
    </dl>
  • 超链接
    有两种使用a标签的原因:
  • 通过使用 href 属性 - 创建指向另一个文档的链接
    <a target="_blank" href="http://www.w3school.com.cn/">Visit W3School</a>
    href规定链接目标;
    target规定被链接的文档在何处显示,其一共有四个值_blank(在新窗口中打开被链接文档。)·_self(更改当前网页,打开新的网页)_parent()_top
target值 Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1
    • 通过使用 name 属性 - 创建文档内的书签
      <a href="#C4">查看 Chapter 4。</a>
      首先定义一个超链接,并为该链接的href属性赋值,以#号开头。
      <a name="C4">Chapter 4</a>
      在本网页的其他位置,再插入一个链接,为该链接增加属性name,并赋值为之前href的值(不带#)。这样就可以实现,一个网页内的书签效果。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,050评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,692评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,027评论 19 139
  • 一 前言 二 题目 There are N gas stations along a circular rou...
    hopestar90阅读 2,166评论 2 2
  • 我这个老板吧,是我的第一个老板,唯一的第一个老板呀,被我老板荣幸的当了~ 我这个老板,怎么说呢,如果把他放在芸芸众...
    莯樢霂慕阅读 4,253评论 2 2

友情链接更多精彩内容