前端学习笔记-html-列表标签

最新推荐文章于 2024-09-11 18:45:01 发布

Nanami Touko

最新推荐文章于 2024-09-11 18:45:01 发布

阅读量268

点赞数

分类专栏：前端学习-HTEML&CSS

本文链接：https://blog.csdn.net/qq_36434637/article/details/97004545

版权

这篇博客主要介绍了HTML中的列表标签，包括无序列表`ul`、有序列表`ol`和自定义列表。无序列表`ul`是重点，适用于并列展示内容；有序列表`ol`带有顺序，适合需要排序的信息；自定义列表`dl`则用于术语或名词的解释和描述。

摘要由CSDN通过智能技术生成

列表标签

容器里面装载着文字或图表的一种形式，叫列表。

列表最大的特点就是整齐、整洁、有序

无序列表 ul （重点）

无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ul>

注意：

 1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
 2. <li>与</li>之间相当于一个容器，可以容纳所有元素。
 3. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！

练习：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>四大名著</title>
	<base target="_blank">
</head>
<body>
	<h2>中国四大名著</h2>
	<ul>
		<li>
			<h4><img src="四大名著/shz.jpg" width="100" /><a href="https://baike.baidu.com/item/%E6%B0%B4%E6%B5%92%E4%BC%A0/348">《水浒传》</a></h4>
			<p>
			《水浒传》，中国四大名著之一，是一部以北宋末年宋江起义为主要故事背景、类型上属于英雄传奇的章回体长篇小说。作者或编者一般被认为是施耐庵，现存刊本署名大多有施耐庵、罗贯中两人中的一人，或两人

最低0.47元/天解锁文章

Nanami Touko

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端学习笔记-html-列表标签

列表标签容器里面装载着文字或图表的一种形式，叫列表。列表最大的特点就是整齐、整洁、有序无序列表 ul （重点）无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li>...
复制链接

扫一扫

专栏目录