学习笔记(14):Web前端与HTML5移动开发系列一：HTML篇-16，无序列表详细介绍

最新推荐文章于 2024-10-13 21:18:37 发布
最新推荐文章于 2024-10-13 21:18:37 发布
阅读量177 收藏
点赞数
分类专栏： 研发管理 文章标签： html5 html web前端 移动开发 HTML/CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Luoluo327/article/details/104233152
版权

立即学习:https://edu.csdn.net/course/play/4381/77480?utm_source=blogtoedu

无序列表：作用：将一组相关的列表项目放在一起，列表中项目没有特别的先后顺序，如购物清单

默认情况下，列表前有一个实心圆点，可以通过SS/ul中type属性来修改

type：disc，实心圆点
square，实心方块
circle，空心圆点

通常不使用默认样式，使用图片代替 

经典用法：1.新闻、文章、博客、商品列表 

2.导航，配合CSS实现

Luoluo327
关注
专栏目录
前端第二章：7.HTML列表（无序列表、有序列表、自定义列表）
励志成为会前后端、运维、云服务、嵌入式开发、AI和自动化技术的创业小老板！
04-25 788
一、无序列表 1.无序列表：ul标签 2.写在 body元素 内 3.使用 li标签 代表列表项 4.实际使用： 5.标签 在网页中的样式： 二、有序列表 1.ol标签 2.ol标签 在网页中的样式： 三、自定义列表 1.dl标签 2.dl标签 在网页中的样式： 四、列表嵌套 1.嵌套的列表： 2.在浏览器中的效果： ...
html怎样让列表向下移动,Html无序列表ul控件实现行上下移动.
weixin_39674414的博客
06-03 727
new document // 创建一个ulvar ul = document.createElement("ul");ul.id = "oList";// 创建divvar div = document.getElementById('mergeCase');// 把ul放置到div中div.appendChild(ul);// 遍历所有的li条目function trace(){var st...
学习笔记(15):Web前端与HTML5移动开发系列一：HTML篇-17，有序列表详细介绍
Luoluo327的博客
02-09 166
掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格，表单都系列标签，在项目中熟练使用; 了解哪些标签在项目中经常使用，哪些标签已被废除; 迈出HTML5开发的第一步,为后续课程打下基础;...
学习笔记(13):Web前端与HTML5移动开发系列一：HTML篇-15，列表的基本介绍
Luoluo327的博客
02-08 155
掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格，表单都系列标签，在项目中熟练使用; 了解哪些标签在项目中经常使用，哪些标签已被废除; 迈出HTML5开发的第一步,为后续课程打下基础;...
学习笔记(16):Web前端与HTML5移动开发系列一：HTML篇-18，自定义列表和小练习
Luoluo327的博客
02-09 198
掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格，表单都系列标签，在项目中熟练使用; 了解哪些标签在项目中经常使用，哪些标签已被废除; 迈出HTML5开发的第一步,为后续课程打下基础;...
Web前端开发入门学习笔记之html 16-21 --新手超级友好版-表格表单列表篇
2302_80218188的博客
09-29 1020
html网页表格表单列表制作以及基本功能实现。
H5大前端（Web前端）学习笔记（一）-HTML部分
weixin_71370424的博客
12-27 979
HTML5是用来描述网页的一种语言，被称为超文本标记语言。用HTML5编写的文件，后缀以.html结尾。HTML是一种标记语言，标记语言是一套标记标签。
web前端开发基础入门html5+css3+js学习笔记（一）
weixin_44356316的博客
08-16 1514
目录1.第一个前端程序2.前端工具的选择与安装3.VSCode开发者工具快捷键4.HTML5简介与基础骨架4.1 HTML5的DOCTYPE声明4.2 HTML5基本骨架4.2.1 html标签4.2.2 head标签4.2.3 body标签4.2.4 title标签4.2.5 meta标签5.标签之标题5.1 快捷键5.1 标题标签位置摆放6.标签之段落、换行、水平线6.1 标签之段落6.2换行6.3 水平线7.标签之图片8.图片路径详解8.1 绝对路径8.2 相对路径8.2.1 子级`/`8.2.2 父
Web前端开发入门学习笔记之html 22-28 --新手超级友好版-表单列表注册界面篇2.0
2302_80218188的博客
09-29 918
表单按钮注册界面菜单网页规划-html基础实现
htmlcss_4：您好，我叫jakirul joha。现在我正在学习全栈Web开发。 我去成为一名专业的网站开发人员
02-12
7. **列表**：HTML支持无序列表（`<ul>`和`<li>`）和有序列表（`<ol>`和`<li>`）。 8. **链接**：`<a>`标签创建超链接，可跳转到其他网页或锚点。 9. **表单元素**：`<form>`、`<input>`、`<textarea>`、`<select>...
html前端学习文档汇总.zip
10-23
这个“html前端学习文档汇总.zip”压缩包显然包含了一系列关于HTML学习的资源，旨在帮助初学者或者希望深化理解的开发者系统地掌握HTML。 HTML文档结构通常包括头部（head）和主体（body）。头部主要用于存放元数据...
Django web开发(一) - 前端
热门推荐
每天进步亿点点
11-30 6万+
Django学习 Web框架 Python语言
HTML5学习笔记
m0_61721166的博客
03-08 9041
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML5实现古典音乐网站源码模板1
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
10-09 1638
HTML5实现古典音乐网站源码模板1，大作业，毕业设计，古典音乐网站，音乐网站，网站源码，介绍古典音乐由来，分为网站首页，古典音乐，著名人物，古典乐器，历史起源等页面，实现了轮播图、视频、音乐播放，表单、TAB、导航栏、底部栏、列表、图文组合、返回顶部等功能，让你代入古典音乐的体验感，注释完整，代码规范，各种风格都有，代码上手简单，代码独立，可以直接运行使用。也可直接预览效果。
《常见 HTML 标签和属性全解析》
一名资深Java工程师的技术分享
10-10 1232
在网页开发的世界里，HTML（超文本标记语言）就像是构建数字大厦的基石。它通过各种标签和属性来定义网页的结构、内容和样式。下面，让我们深入了解一些常见的 HTML 标签和属性。
HTML该如何性能优化？
Front end development engineer
10-10 923
HTML 默认情况下快速且易于访问。作为开发者，我们的工作是在创建或编辑 HTML 代码时确保保持这两个特性。例如当嵌入的文件大小过大，或者 JavaScript 解析阻塞了关键页面元素的渲染时，情况可能会比较复杂。在开始优化 HTML之前，你应该首先回答的问题是“我需要优化什么？下面讨论的一些技巧和技术是适用于几乎任何 Web项目的良好实践，而其他一些技巧只在特定情况下才需要使用。试图在任何地方应用这些技术可能是不必要的，而且可能是浪费时间的。你应该确定在每个项目中实际需要哪些性能优化。
HTML快速入门--第一节--五个基本标签
PangQinghua的博客
10-13 414
html，图片标签；超链接标签；列表标签；表格标签；表单标签
HTML快速入门--第二节--css选择器
最新发布
PangQinghua的博客
10-13 353
CSS相关概念，样式表，样式表选择器
HTML5移动端新特性与开发概述：Web与App前端技术对比
HTML5与移动端Web开发笔记概述了HTML5为Web开发带来的显著变化，特别是在适应移动设备上。HTML5新增了许多功能，如： 1. **新的HTML元素**：如section、nav、header、footer、article等语义化标签，使得网页结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值