HTML&CSS基础学习笔记1.12-无序列表_表示无序表示无序列表的html标签是?-深圳网站优化推广公司

HTML&CSS基础学习笔记1.12-无序列表

最新推荐文章于 2023-06-30 09:36:11 发布
网盛数新 最新推荐文章于 2023-06-30 09:36:11 发布
阅读量351 html 文章标签： html 标签 无序列表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/octopole/article/details/51923138
html 专栏收录该内容
35 篇文章 0 订阅

无序列表

有时我们的工作繁忙，杂事很多，怕忘记，就会把事情一件件列出来，防止忘记。

它们的排列顺序对于我们来说并不重要，可以随意调换，我们将它称为无序列表，HTML里用<ul>标签来表示无序列表，列表里的项目则用<li>标签来表示：

<ul>
    <li></li>
    <li></li>
    ...
</ul>

看一段实例代码：

对于的浏览器显示结果是这样的：


这就是无序列表啦，还是比较简单的~

  列表分为两种类型：一种是有序列表；另一种是无序列表。前者使用编号来记录项目的顺序，而后者使用项目符号来标记无序的项目。   所谓有序列表，是指按照数字或字母顺序排列列表项目，如图1.1所示：   所谓无序列表，是指以全●、○、▽、▲等开头的，没有顺序的列表项目   ...
无序列表li横向排列
weixin_30787531的博客
11-04 4417
一、横向两列方式排列： 在网页中，很多地方都会用到无序列表横向排列的形式，通常的写法都是使得li的css样式设置为:float：left的形式即可，li会依次从最左边开始并列对齐， 例如： HTML中： 1 <ul class="ui"> 2 <li><a href="#" >首页</a></li> 3 &...
前端学习 -- Css -- 有序列表和无序列表
A08110123的博客
04-10 484
列表就相当于去超市购物时的那个购物清单， 在HTML也可以创建列表，在网页中一共有三种列表： 1.无序列表 2.有序列表 3.定义列表 无序列表 - 使用ul标签来创建一个无序列表 - 使用li在ul中创建一个一个的列表项， 一个li就是一个列表项 通过type属性可以修改无序列表的项目符号 可选值： d...
是HTML+CSS的学习笔记捏
m0_74193800的博客
10-21 2162
前端开发第一周学习笔记
HTML&CSS案例---咖啡店
qq_45021462的博客
07-13 5758
HTML&CSS案例—咖啡店 最终页面效果 页面结构为：最上面header是一个头部，主要是一张图片；下面的nav是一个导航栏，包含五个链接；下面是主体部分，左侧的上面是一个表格，下面是四张图片，当鼠标放到图片上会有一个放大的效果，右侧有4个div是四种咖啡的详细介绍；最下面有一个脚本。具体代码如下； HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l
HTML&CSS学习笔记 纯知识点版 (尚硅谷2019李立超版)
LiuKairui的博客
09-08 7823
此版为纯知识点无练习笔记版本 目录1. HTML基础1.1 网页的结构1.2 HTML中的"实体"1.3 meta 标签1.4 语义化标签1.7 列表1.8 超链接1.9 图1.10 内联框架1.11 音视频2. CSS基础2.1 CSS简介2.2 CSS基本语法2.3 CSS 选择器基础2.4 CSS的复合选择器2.5 关系选择器2.6 属性选择器2.7 伪类选择器2.8 `a`元素的伪类选择器2.9 伪元素选择器2.10 样式的继承2.11 样式的冲突与优先级问题2.12 长度单位2.13 颜色单位3
无序列表如何做一个导航条?html&,如何使用无序列表制作导航菜单.docx
weixin_29182481的博客
06-04 3717
第一步：建立一个无序列表我们先建立一个无序列表，来建立菜单的结构。代码是：首页产品介绍服务介绍技术支持立刻购买联系我们第二步：隐藏li的默认样式因为看起来不是很好看，菜单通常都不需要li默认的圆点，我们给UL定义一个样式来消除这些圆点。当然，为了更好的控制整个菜单，我们把菜单放在一个div里。页面代码变成： 首页产品介绍服务介绍技术支持立刻购买联系我们 CSS定义为：.test ul{list-s...
【CSS】CSS列表【CSS基础知识详解】
@花无缺
01-21 2891
CSS精品专栏之CSS列表详解
尚硅谷web前端HTML5+CSS3笔记
qq_52380174的博客
12-19 4824
HTML/CSS笔记#自用#尚硅谷#李立超
html无序列表横向水平居中的解决方法
u010330144的专栏
07-19 2万+
无标题文档 <!-- *{ margin:0; padding:0; list-style:none; text-decoration:none; } #dh { height: 30px; width: 600px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; b
多个 ul / ol （无序列表/有序列表）的嵌套时的重叠问题
Miranda0922的博客
07-12 8348
本来觉得写前端页面也不是一天两天，这样的问题应该是小菜一碟，可真正在做项目调格式的时候却突然懵逼了，想了半天才想明白是什么问题（也有可能因为之前已有的 css 总文件并不是我写的，没找到问题的症结）。如果你是一个前端小白，希望你不要踩这样的坑；如果你是一个入门级选手，希望你在做企业级项目的时候会想到这一点~ 下面说正题首先我搭了一个这样的页面框架<div class="wrapper">
常见Html布局的CSS样式设置！(span图标、伪类元素+过渡动画transition)
JerryBro的博客
02-20 2613
case01 span标签用于放置小图标 手法： display：inline-block; //设置成行内块 设置宽高(width、height) //用宽高撑出背景内容 background：url(图片位置) no-repeat center; //不重复，居中显示 background-size：contain; //填充满 //HTML <a href="...
超详细的学习笔记：CSS基础（附代码示例）
最新发布
lbcbjtlhmjq的博客
06-30 3068
CSS入门容易，精通难。因为CSS的属性很多，一个一个去学去记根本不可能，我们要善于借助网络工具。关于HTML和CSS的学习资源，网上的在线教程、速查宝典就有一大推。所以只要了解HTML和CSS标签及属性的基本用法，再借助于在线文档，基本上HTML和CSS的学习就不会有太大问题。但是要提醒大家的是，不要完全依赖于在线文档。最基本的一些属性（比如字体样式、文本样式等）还是需要掌握并且熟练使用，我写这篇博客就是为了让大家更好地熟悉并运用CSS的常见属性。
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】
qq_43754404的博客
01-05 7517
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 2 3 4 5 6 7 8 9 10 11 12 13 14…19 20 单位数字：10个（0-9） 2.二进制（计算机底层的进制）： 特点：满2进1 计数：0 1 1...
关于postcss-px-to-viewport的使用经验
An_cf的博客
12-31 6452
最近在工作项目使用中新接触到postcss-px-to-viewport，在使用上遇到一个坑，也有段时间没更新啦，记录分享一下~希望对你有所帮助！ 直接上重点，节省在网站苦苦寻找有效答案的你 >>> 我所遇到的坑： 由于项目需要，需要适配不同分辨率的终端设备，比如我接到的项目需求是1920*1080以及1200*1920；如果使用过postcss-px-to-viewport的话，我们知道适配一种尺寸在配置时设置viewportWidth就可以，那如果适配两种呢？ 一开始我想到的是
前端爱好者的小白学习之路-3 CSS学习笔记-用CSS来提升网页开发的效率 学扎实CSS基础语法 麻麻再也不用担心我的网页页面布局太丑辣
一碗菜粥的博客
01-30 2260
更多细节请参考CSS参考手册 1.写在前面 关于CSS基础语法 【1】相比于HTML 内容及难度上有明显的提升 【2】CSS用来美化布局网页 【3】CSS中最为困难的地方 就是 布局结构 只有熟练地掌握了CSS语法基础 才能理解之后更复杂的知识点 并灵活地利用这些知识去进行 网页的布局 阅读完此文 你会得到—— 菜鸟教程文章目录1.写在前面2.我的学习方式CSS基础语法CSS背景简写属性的顺序background-position的详情CSS文本文本颜色文本缩进文本对齐方式文本修饰文本转换更多文本属性…更多
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
热门推荐
努力是为了站在万人之中，成为别人的光
09-13 4万+
直接跳到末尾 获取完整源码 今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。 ❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???
HTML与CSS基础学习与复习关键点
"html和css学习笔记" HTML (HyperText Markup Language) 是用于创建网页的标准标记语言，它由W3C（World Wide Web Consortium）维护。HTML允许开发者通过一系列的标签来构建网页结构，如段落 `<p>`、标题 `<h1>` 至...
网盛数新 CSDN认证博客专家 CSDN认证企业博客
码龄9年 暂无认证
91
原创
75万+
周排名
39万+
总排名
11万+
访问
等级
2080
积分
19
粉丝
24
获赞
143
评论
23
收藏
持续创作
笔耕不辍
私信
C语言基础学习基本数据类型-浮点型 10271
  • Python新手学习基础之函数-return语句与函数调用 7272
  • C语言基础学习运算符-赋值运算符 6045
  • Python新手学习基础之运算符——成员运算与身份运算 5352
  • HTML&CSS基础学习笔记1.13-有序列表及列表嵌套 5352

    • 分类专栏

    Python新手学习基础之数据结构-列表1

    网盛数新: 2333333

  • HTML&CSS基础学习笔记1.34-通用选择器

    网盛数新: 2333333333

  • C语言基础学习运算符-逻辑运算符

    网盛数新: 233333333

  • Python新手学习基础之数据结构-序列2

    网盛数新: 2333333

  • HTML&CSS基础学习笔记1.33-元素选择器

    网盛数新: 2333333333

    • 目录

    html     35篇
  • Python     28篇
  • 编程学习     3篇
  • html
  • C语言     13篇
  • SQL     13篇
    • 为什么被折叠? 到【灌水乐园】发言
    前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

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

    余额充值

    相关内容推荐

    网站设计与制作期末考试题目制作ppt的技巧网站面料网站制作贴纸短篇小说投稿网站制作余姚网站制作工具有哪些制作一个内部网站丰田网站视频制作绵阳无锡网站制作峰峰矿区网站制作公司上海制作网站设计手工制作国外网站深圳精美网站制作制作静态网站的图片童装网站制作雪糕节日海报制作网站福田国内网站制作怎么样傻瓜网站制作美食亲子活动视频制作网站网站建设与网页制作盒子模型重生制作国漫网站药品网站制作蛋糕网站制作壁纸高级铁岭网站制作报价凡科网站制作模块颜色张掖建设网站制作甲基苯丙胺制作网站如何自己制作专属于自己的网站淘宝客怎么制作自己的网站dede网站专题制作爱采购网站制作大型门户网站制作哪家服务好响应网站制作要求合肥网站制作蛋糕教程潜山网站制作公司电话图标网站制作小玩具简阳网站制作优化免费空间网站制作安康企业网站制作订制贵阳网站建设制作流程政府网站制作公司DOTA论文网站制作长兴什么网站制作婚礼请帖最好西昌房产网站制作网站手机版怎么制作教程惠州网站制作设计制作网站的工作叫什么宁波在哪制作网站高埗网站制作公司哪家好学生ppt制作网站太原网站制作推广DW怎么制作网站滚动首页世界电影网站制作28网站制作表格可以制作试题卷的网站是哪个网站制作推广工具环保局网站制作蛋糕相关搜索网站制作深圳深圳网站的制作设计佛山免费自己制作网站南方网站制作手工心理网站制作起泡内江手机网站制作需要多少钱碑林区网站制作婚姻介绍所网站制作多少钱瑞安合山网站首页制作多少钱免费制作卡盟网站的教程乐山网站建设制作怎么制作答题的网站制作传奇的网站制作片头素材视频网站宁波成品网站制作网执网站在线制作网站建设投标书怎么制作大朗php网站制作长春制作网站公司有哪些阿坝公司网站制作徐家汇网站制作公司简谱网站制作干花网站制作与html教案广州集团网站维护制作超级电影网站制作谢岗网站建设制作环保局网站制作壁纸诸城网站制作视频app企业邮箱网站制作起泡自制网站制作给网站制作公司的感谢信国徽印章在线制作公章网站ps网站制作案例视频制作拼接网站自己制作头像的网站韩门头沟网站制作服务苏州网站制作美食视频怎么制作个人微博网站太仓网站建设制作企业国外免费网站制作黄色的网站制作手机版免费网站制作网站制作南昌北京凌帅传媒网站制作主流网站设计制作工具格瓦拉电影网站制作演员证制作网站栾川网站制作css制作下拉式网站河间网站制作服务照片动态制作网站常平网站建设制作慈溪网站制作流程是什么制作网站首页时进行的操作武城网站制作报价湛江承接网站制作李平简历制作网站网站资讯制作流程香港网站制作建设网站设计与网页制作招聘栖霞智能营销网站制作义乌市企业网站制作研究生报名网站制作网页背景图片素材网站制作云南网站视频制作名师工作室网站制作提供网站制作推荐网站制作软件 知乎西昌房产网站制作漯河网站制作源码景德镇如何制作自己的网站赣州安卓网站制作哪家好酒徒电影网站制作企业网站制作视频的软件国标网站制作表情包制作无人机网站合同滦平网站制作昆明网站制作书签幼儿园百度学术网站制作网站旋转图片制作教程视频大连网站如何制作的长沙旅游网站制作公司费用价格戈尔巴乔夫简历制作网站东京网站制作美食制作网站图片太大如何用别人代码制作网站沈阳制作网站企业集美网站制作网站制作行业分析高埗效果好的网站制作七夕表白网站在线制作家乡介绍网站的制作论文宜春制作网站设计大概价格网站设计制作上海投稿网站制作视频深圳精美网站制作三明营销型网站制作在网站上制作pdf长沙专业网站制作公司制作手机网站的工具制作假的学校网站犯法吗小学生制作网站的方法网站制作一局 大将军27腾讯网站免费制作分众传媒网站制作干花昆明有哪些网站制作公司制作网站好不好制作网站初一联盟网站制作奶茶制作https网站有哪些游戏制作在线网站公司制作网站怎么做的基金网站制作书签网站制作app物美超视频解析网站的制作方法动漫视频制作网站推荐株洲无锡网站制作双鸭山制作网站多少钱愚人网站在线制作萝岗区外贸网站制作网站制作需要准备哪些资料普安网站制作制作网站简单过程溧水区企业网站制作与维护网站制作的哪里好制作网页游戏网站电子商务网站制作的核心是临海制作网站制作费如何记账秀山推广网站制作淘宝超级链接代码制作网站网站制作商城威海制作网站的基本流程长沙制作商城网站一般要多少钱美国宇航局网站制作干花创可贴网站上制作视频教程营销型网站制作论坛手机网站开发制作公司太原门户网站制作制作网站首先要知道什么手机网站怎么制作免费下载临朐网站制作有哪些免费简历制作网站免费岑溪网站制作价格武汉网上制作网站

    合作伙伴

    深圳网站优化推广公司

    龙岗网络公司
    深圳网站优化
    龙岗网站建设
    坪山网站建设
    百度标王推广
    天下网标王
    SEO优化按天计费
    SEO按天计费系统