HTML 列表
HTML 列表 дозволяють веб-розробникам групувати набір пов’язаних елементів в списках.
无序 HTML 列表
疾病(非编号)列表以标签开头 <ul>
。 列表中的皮肤元素以标签开头<li>
.
Елементи списку будуть помічені маркерами (маленькі чорні кола) за замовчуванням:
无序 HTML 列表 - 换行列表项标记
CSS 指南 list-style-type
використовується для визначення стиля маркера елемента списку:
意义 | 描述 |
---|---|
光盘 | 我将列表元素的标记插入为小黑色(在规则后面) |
圆圈 | 在小空桩的外观附近插入列表项标记 |
正方形 | 在方形视图中插入列表项标记 |
没有任何 | Елементи списка не будуть відмічені (маркери відсутні) |
HTML 列表排序
排序(编号)列表以标签开头 <ol>
。 列表中的皮肤元素以标签开头<li>
.
Елементи списку будуть помічені номерами за замовчуванням:
HTML 列表排序 - 类型属性
Атрибут type
тега <ol>
визначає тип маркера елемента списка:
类型 | 描述 |
---|---|
类型=“1” | Елементи списка будуть пронумеровані цифрами (за замовчуванням) |
类型=“A” | Елементи списка будуть пронумеровані заглавними літерами |
类型=“a” | Елементи списка будуть пронумеровані рядковими літерами |
类型=“I” | Елементи списка будуть пронумеровані великими римськими цифрами |
类型=“i” | Елементи списка будуть пронумеровані маленькими римськими цифрами |
我将描述的 HTML 列表
HTML 语法 списки опису.
我将描述该列表 - це список термінів з описом кожного терміна.
标签 <dl>
визначає список опису, тег <dt>
визначає термін (ім’я), а тег <dd>
описує кожний термін:
附件 HTML 列表
该列表可以嵌套(列表位于列表中间):
笔记: 以下内容介绍了使用 HTML 元素编写的新示例,但它们也包含在后续内容中。
遵循清单
按照排序,列表从1开始。如果想从指定的数字开始,可以选择属性 start
:
跨平台 CSS
HTML 语法是将 JavaScript 元素与 CSS 元素组合而成的。
流行的方法之一是为下一个导航菜单设置水平列表样式:
屁股
<!DOCTYPE html>
<html>
<head>
<style>
ul {
列表样式类型:无;
边距:0;
填充:0;
溢出:隐藏;
背景颜色:#333333;
}
李 {
向左飘浮;
}
李阿{
显示:块;
白颜色;
文本对齐:居中;
填充:16px;
文字修饰:无;
}
li a:悬停 {
背景颜色:#111111;
}
</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 元素
<ol>
для визначення впорядкованого списку - Vickory HTML 属性
type
для визначення типу нумерації - 维克里 HTML 元素
<li>
для визначення елемента списку - 维克里 HTML 元素
<dl>
для визначення списку опису - 维克里 HTML 元素
<dt>
для визначення терміна опису - 维克里 HTML 元素
<dd>
для опису терміна в списку опису - 列表可以嵌套在列表中
- 标题 示例 可能包含 HTML 元素
- Vickory CSS 电源
float:left
абоdisplay:inline
для горизонтального відображення списку
HTML 右
HTML 列表标签
标签 | 描述 |
---|---|
<ul> | 表示无序列表(无编号) |
<ol> | 表示排序(编号)列表 |
<li> | 表示列表中的项目 |
<dl> | 意味着列表将描述 |
<dt> | 表示描述列表中的术语 |
<dd> | 描述描述列表中的术语 |
要查看所有可用 HTML 标签的完整列表,请转至 HTML 标签浏览器 на нашому сайті W3Schools 乌克兰.
自我控制的营养
- 为什么需要 HTML 列表?
- HTML 列表如何工作?
- 使用什么标签来表示无序列表的 HTML 列表?
- HTML 列表的排序中使用什么标签?
- 什么标签用于表示 HTML 列表中的皮肤元素?
- 如何标记无序列表中的元素?
- 如何标记有序 HTML 列表中的元素?
- 我该如何描述该列表?
- 该列表描述了什么标签?
- 哪个标签代表描述列表中的术语?
- 描述列表中哪个标签表示皮肤术语的描述?