JavaWeb基础 · HTML列表标签和超链接标签

230 阅读2分钟

“这是我参与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>

image.png

有序列表标签

<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>

image.png

超链接标签

<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>

image.png

写在最后

以上就是HTML的列表标签和超链接标签的一些知识,欢迎大家和我一起继续学习JavaWeb基础的一些知识。如有错误,欢迎掘友们指正。