“这是我参与8月更文挑战的第7天,活动详情查看: 8月更文挑战”
HTML列表标签
在HTML中列表标签分为有序列表和无序列表。
无序列表标签
<ul> 标签表示HTML页面中项目的无序列表,一般会以项目符号列表呈现。
将 <ul> 标签与<li>标签一起使用,创建无序列表。
那<ul>标签有什么属性呢?
属性 值 描述
compact compact HTML5 不支持。HTML 4.01 已废弃。 规定列表呈现的效果比正常情况更小巧。
type disc square circle HTML5 不支持。HTML 4.01 已废弃。 规定列表的项目符号的类型。
来看个具体实例:
<ul type="square" compact="compact">
<li>这是第一个</li>
<li>这是第二个</li>
<li>这是第三个</li>
<li>这是第四个</li>
</ul>
有序列表标签
<ol> 标签在 HTML 中表示有序列表,是 ordered lists 的缩写。您可以自定义有序列表的初始序号。
使用<li> 标签来定义列表选项。
来看它的属性。
属性 值 描述
compact compact HTML5中不支持,不赞成使用。请使用样式取代它。规定列表呈现的效果比正常情况更小巧。
reversedNew reversed 指定列表倒序(9,8,7...)
start number HTML5不支持,不赞成使用。请使用样式取代它。规定列表中的起始点。
type 1 A a I i 规定列表的类型。不赞成使用。请使用样式代替。
来用一下它吧!
<ol type="A" start="4" reversed="reversed">
<li>这是第一个</li>
<li>这是第二个</li>
<li>这是第三个</li>
<li>这是第四个</li>
</ol>
超链接标签
<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,用于创建指向另外一个文档的链接。
在所有浏览器中,链接的默认外观如下:
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
这里咱们就主要来学习它的href属性。
href的值不仅可以是一个网站的地址,例如:“www.baidu.com”,也可以是一个html文件。例如:“demo.html”,还可以是一个本机图片地址,例如:“E:/i.jpg”
还需要注意的是<a>内容<a/>标签中的内容可以是文本,也可以是图片。
例如:
<a href="http://www.baidu.com">
百度一下
</a>
<a href="http://www.baidu.com">
<img src="img/30.jpg" />
</a>
写在最后
以上就是HTML的列表标签和超链接标签的一些知识,欢迎大家和我一起继续学习JavaWeb基础的一些知识。如有错误,欢迎掘友们指正。