HTML 无序列表
HTML 主题 <ul>
визначає невпорядкований (маркований) список.
无序 HTML 列表
错误顺序列表以标签开头 <ul>
。 列表中的皮肤元素以标签开头<li>
.
Елементи списку за замовчуванням будуть позначені маркерами (маленькі чорні кола):
无序 HTML 列表 - 选择列表元素标记
CSS 指南 list-style-type
Vikorist 将元素标记的样式与列表相匹配。 您可以使用以下值之一:
意义 | 描述 |
---|---|
光盘 | 将列表元素的标记插入到标记上(规则后面) |
圆圈 | 将元素标记插入列表中 |
正方形 | 将列表项标记插入到正方形中 |
没有任何 | Елементи списку не будуть позначені |
附件 HTML 列表
列表可以嵌套(列表在列表中间):
笔记: Елемент списку (<li>
) 您可能已经注意到使用 HTML 元素的新示例,但它们也包含在其中。
跨平台 CSS
HTML 列表可以使用 CSS 以多种方式设置样式。
流行的方法之一是水平样式化列表,创建导航菜单:
屁股
<!DOCTYPE html>
<html>
<head>
<style>
ul {
列表样式类型:无;
边距:0;
填充:0;
溢出:隐藏;
背景颜色:#333;
}
李 {
向左飘浮;
}
李阿{
显示:块;
白颜色;
文本对齐:居中;
填充:16px;
文字修饰:无;
}
li a:悬停 {
背景颜色:#111;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">家</a></li>
<li><a href="#news">消息</a></li>
<li><a href="#contact">接触</a></li>
<li><a href="#about">关于</a></li>
</ul>
</body>
</html>
自己尝试一下»
笔记: 您可以在以下位置了解有关 CSS 的更多信息Podruchnik 的 CSS на нашому сайті W3Schools 乌克兰.
小袋
- 维克里 HTML 元素
<ul>
, щоб визначити невпорядкований список - Vickory CSS 电源
list-style-type
, щоб визначати маркер елемента списку - 维克里 HTML 元素
<li>
, щоб визначити елемент списку - 名单可以投资
- 主题列表 主题元素 HTML
- Vickory CSS 电源
float:left
для горизонтального відображення списку
HTML 标签列表
标签 | 描述 |
---|---|
<ul> | 表示无序列表 |
<ol> | 表示订购列表 |
<li> | 标识列表中的元素 |
<dl> | 表示描述列表 |
<dt> | 表示描述列表中的术语 |
<dd> | 描述描述列表中的术语 |
要查看所有可用 HTML 标签的完整列表,请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.