前端基础-html-列表

<!--

无序列表

场景：在网页中表示一组无顺序之分的列表，如：新闻列表

标签组成：

ul:表示无序列表的整体，用于包裹li标签

li:表虚无序列表的每一项，用于包含每一行的内容

显示特点：列表中的每一项前默认显示原点标识

注意点：

ul标签中只允许包含li标签

li标签可以包含任意内容

-->

<ul>

</ul>

<!--

有序列表

场景：在网页中表示一组有顺序之分的列表，如：排行榜

标签组成：

ol:表示有序列表的整体，用于包裹li标签

li：表示有序列表的每一项，用于包含每一行的内容

显示特点：列表的每一项前默认显示序号标识

注意点：

ol标签中只允许包含li标签

li标签可以包含任意内容

-->

<ol>

</ol>

、

<!--

自定义列表：

场景：在网页的底部导航中通常会使用自定义列表实现

标签组成：

dl：表示自定义列表的整体，用于包裹dt/dd标签

dt:表示自定义列表的主题

dd：表示自定义列表针对主题的每一项内容

显示特点：

dd前会默认缩进效果

注意点：

dl标签中只允许包含dt/dd标签

dt/dd标签可以包含任意内容

-->

<dl>

<dd>

账户管理

</dd>

</dl>

前端基础-html-列表相关推荐

html表格联动,html前端基础：table和select操作
html前端基础:table和select操作发布时间:2020-05-13 09:58:10 来源:亿速云阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
element ui 图片控件排序_JAVA全栈面试前端基础之四 Vue+Element框架快速开发
本文主要包括以下4个内容什么是ElementUI Vue 中引入ElementUI Vue+elementUI构建后台管理系统开源项目推荐 1.什么是ElementUI 官网:https://el ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
❤️《Vue前端基础框架集合从入门到高级》（小白也可学，建议收藏）❤️
<Vue前端基础框架集合从入门到高级>,小白也可学文章目录 <Vue前端基础框架集合从入门到高级>,小白也可学 ❤️一.前端核心分析 ❤️1.1.概述 ❤️1.2.前端三要素 ...
day04-硅谷课堂-前端基础知识（二）
硅谷课堂第四天-前端基础知识文章目录硅谷课堂第四天-前端基础知识一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm ...
（硅谷课堂项目）Java开发笔记4：前端基础知识（二）
文章目录 (硅谷课堂项目)Java开发笔记4:前端基础知识(二) 一.NPM 1.NPM简介 1.1.什么是NPM 1.2.NPM工具的安装位置 2.使用npm管理项目 2.1.创建文件夹npm 2. ...
前端基础学习html部分小结
前端基础学习html部分小结 1 了解知识 1.1 网页的组成 html(Hyper Text Markup Language)指的是超文本标记语言,可以加入图片.声音.动画.多媒体等内容.还可以从一 ...
前端基础：CSS 3
前端基础:CSS 3 文章目录前言一.什么是CSS 0. CSS的简单介绍 1. 什么是CSS 2. CSS发展史 3. CSS的快速入门及优势 4. 四种CSS导入方式二.选择器 1. 三种基 ...
前端基础（HTML、CSS、JS）
前端基础(HTML.CSS.JS) 1 HTML 1.1 文件标签 1.2 排版标签 1.3 字体标签 1.4 列表标记 1.4.1 有序列表 1.4.2 无序列表 1.5 图片标签 1.6 超链接标 ...
前端基础学习——JavaScript之BOM模型与DOM模型
前面还有JavaScript基础介绍,有兴趣的朋友可以前往查看前端基础学习--带你夯实JavaScript基础目录一. BOM模型 1.1 BOM模型与DOM模型示意图: 1.2 浏览器窗口中的B ...

前端基础-html-列表

前端基础-html-列表相关推荐

最新文章

热门文章