什么是ul标签?(a ul tag?)

无序或未编号的列表标记(更通俗地说是UL标记)为网页设计者提供了一种方式,可以将网页上的文本显示为缩进列表和项目符号列表,并将其分组。UL标记用于超文本标记语言(HTML)页面,并作为级联样式表(CSS)中定义的样式元素。虽然UL标签直到HTML2.0才标准化,但它是由TimBerners-Lee在1992年首次发布的HTML描述中定义的。所有主要web浏览器都支持此元素。...

无序或未编号的列表标记(更通俗地说是UL标记)为网页设计者提供了一种方式,可以将网页上的文本显示为缩进列表和项目符号列表,并将其分组。UL标记用于超文本标记语言(HTML)页面,并作为级联样式表(CSS)中定义的样式元素。虽然UL标签直到HTML2.0才标准化,但它是由TimBerners-Lee在1992年首次发布的HTML描述中定义的。所有主要web浏览器都支持此元素。

Unordered or unnumbered list tags allow a web page to display information as indented and bulleted lists.

UL标签可用于正文、DIV、CENTER、BLOCKQUOTE、FORM、TH、TD、DD或LI标签。HTML中的UL标记由一个开始和结束标记表示,该标记还在标记前后的行中插入一个空格。CSS-UL标记在UL{list-style-type:}中定义,提供了HTML-UL标记之外的额外格式灵活性,其中值定义为disc、circle或square,默认值为disc。单个列表项插入到<UL>标记,以LI或列表项标记开头。以下HTML示例显示如何使用此标记组织水果列表:。


&书信电报;李>苹果&#13&书信电报;李>香蕉&#13&书信电报;李>橙子&#13&书信电报;李>菠萝&#13&lt/UL>

无序列表确实需要使用属性,尽管有一组核心属性–class、id、style和title–以及一些标准或可选属性,这些属性可能有助于修改无序列表的外观。除了在版本2.0中标准化的compact和type属性外,可选属性直到版本4.0才正式标准化。

“压缩”属性将项目符号文本和定义压缩到一行。类型定义项目符号样式,如果未指定类型,则自动默认为disc。UL HTML标记中使用的其他预定义项目符号类型包括正方形和圆形。通过使用src属性指定存储图像的位置,可以使用用户定义的图像代替预定义的项目符号类型,如<UL src=“URL”>。统一资源定位器或URL指示图像的位置。从4.0版开始。1,UL标记的compact和type属性已被弃用,这意味着将来的HTML版本可能不支持它。

用于定义UL标签样式的其他属性包括:

  • DIR:该属性包含有关文本方向的信息。
  • ID:定义CSS属性上要标记的特定ID。
  • 朗:对语言进行编码。
  • 样式:定义CSS内联样式。

JavaScript事件处理程序定义了当鼠标悬停在HTMLUL标记上或用户单击列表项时发生的情况,也可用于优化无序列表。UL标记支持的事件处理程序包括onClick、onDbClick、onMouseDown、onMouseUp、OnMouseOver、onMouseMOve、onMouseOut、onKeyPress、onKeyDown和onkeydup。

  • 发表于 2021-12-12 15:35
  • 阅读 ( 111 )
  • 分类:互联网

你可能感兴趣的文章

块(block)和内联元素(inline elements)的区别

...了显示元素内容所需的宽度。 目录 1. 概述和主要区别 2. 什么是块元素 3. 什么是内联元素 4.块和内联元素之间的相似性 5. 并排比较-表格形式的块与内联元素 6. 摘要 什么是块元素(block elements)? 块元素采用可用的全宽。这些元...

  • 发布于 2020-10-19 13:55
  • 阅读 ( 234 )

涂鸦(graffiti)和标记(tagging)的区别

...过阐释两种形式的含义来突出这两种形式之间的区别。 什么是涂鸦(graffiti)? 涂鸦可以定义为在公共场所的表面上的任何绘画、绘画或书写。这在大多数国家被认为是非法的。通常,在墙上、桥上、地铁上都可以看到涂鸦。这些...

  • 发布于 2020-10-20 13:52
  • 阅读 ( 415 )

17个简单的html代码示例,你可以在10分钟内学会

... “alt”标记告诉浏览器,如果图像无法显示,将显示什么文本,最好包含在任何图像中。如果有人有一个特别慢的连接或旧的浏览器,他们仍然可以得到什么应该在你的网页上的想法。 ...

  • 发布于 2021-03-18 02:34
  • 阅读 ( 380 )

理解基本html代码的5个步骤

... 我们将了解该语言的一些基础知识,包括什么是HTML,一些基本概念,以及它如何与其他语言交互。把这当成一个“傻瓜的HTML”速成班。 ...

  • 发布于 2021-03-21 16:54
  • 阅读 ( 264 )

为什么mp3tag是你唯一需要的音乐标签编辑器

... 这就是为什么音乐标签编辑器是必不可少的——而MP3tag是业界最好的。让我们看看MP3tag提供了什么以及如何有效地使用它。 ...

  • 发布于 2021-03-21 20:04
  • 阅读 ( 477 )

标签(tag)和html中的属性(attribute in html)的区别

...标记和属性是与HTML相关的两个概念。 覆盖的关键领域 1.什么是HTML中的标记-定义,功能2.什么是HTML中的属性-定义,功能3.HTML中标记和属性的区别-主要区别比较 关键术语 属性,HTML,标记 什么是html中的标记(tag in html)? HTML包含...

  • 发布于 2021-07-02 01:17
  • 阅读 ( 531 )

豪雅卡雷拉(tag heuer carrera)和百年灵导航计时器(breitling navitimer)的区别

...比大多数品牌高得多。豪雅卡雷拉与百年灵navitimer对比表什么是豪雅卡雷拉(tag heuer carrera)?豪雅表公司是一家销售豪华手表的瑞士公司。它通常以比其他奢侈品牌手表更低的价格**手表。价格下跌的原因有很多。第一个原因是它...

  • 发布于 2021-07-10 15:57
  • 阅读 ( 153 )

批量删除你的flickr标签

...果你已经厌倦了在你所有的Flickr照片上贴上讨厌的“**”标签,那么《科技食谱》有一个快速的方法来彻底扫除:Login into Flickr.Type in this link into the address bar of your browser:http://flickr.com/photos/me/tags/tagtodelete/delete(Of course, change tagtodel...

  • 发布于 2021-08-02 02:35
  • 阅读 ( 88 )

极客生活:发展你的(数字)摄影记忆

...有标签(人们的名字、会议名称)和他们是谁、在哪里和什么时候见面的描述,以及你是否想跟进一些事情。一定要将这些标记为私有!关于这一点,请向Eszter咨询。Menu items See something on the menu you'd like to try to make at home? Snap a pi...

  • 发布于 2021-08-05 02:28
  • 阅读 ( 154 )

什么是规范标签?(a canonical tag?)

规范标签是嵌入网页的一小段代码,可以帮助搜索引擎处理同一网页的多个版本。它由三个最流行的搜索引擎支持,允许网站管理员为可能重复的内容指定首选地址。搜索...

  • 发布于 2021-12-09 14:50
  • 阅读 ( 111 )