HTML之列表学习记录
练习题：
图所示为一个问卷调查网页，请制作出来。要求：大标题用h1标签；小题目用h3标签；前两个问题使用有序列表；最后一个问题使用无序列表。
代码：
<!DOCTYPE html>
<html>
<head><meta charset="utf-8" /><title>列表练习</title>
</head>
<body>
<h1>问卷调查</h1>
<h3>1、你是通过什么途径来到绿叶学习网的？</h3>
<ol type="A"><li>百度途径</li><li>谷歌搜索</li><li>其他途径</li>
</ol>
<h3>2、你觉得绿叶学习网页设计怎么样？</h3>
<ol type="A"><li>炫酷大方</li><li>比较普通</li><li>非常粗糙</li>
</ol>
<h3>3、你觉得这本书怎么样？(多选)</h3>
<ul><li>通俗易懂，轻松幽默</li><li>内容丰富，技巧贼多</li><li>三个字，好到爆！</li>
</ul>
</ul></body>
</html>效果图：
练习过程的代码：
<!DOCTYPE html>
<html><head><title>列表</title><meta charset="utf-8"/></head><bady><!-- ol，即ordered list（有序列表）。li，即list（列表项) --><h3>有序列表</h3><ol><li>第一项</li><li>第二项</li><li>第三项</li></ol><!-- ol标签和li标签是配合一起使用的，不可以单独使用，而且<ol>标签的子标签只能是li标签，不能是其他标签。 --><!-- 使用type属性来改变列表项符号 --><ol type="A"><li>第一项</li><li>第二项</li><li>第三项</li></ol><ol type="a"><li>第一项</li><li>第二项</li><li>第三项</li></ol><ol type="i"><li>第一项</li><li>第二项</li><li>第三项</li></ol><ol type="I"><li>第一项</li><li>第二项</li><li>第三项</li></ol><!-- ul，即unordered list（无序列表）。li，即list（列表项) --><h3>无序列表</h3><ul><li>第一项</li><li>第二项</li><li>第三项</li></ul><!-- 使用type属性来改变列表项符号 --><ul type="circle"><li>第一项</li><li>第二项</li><li>第三项</li></ul><ul type="square"><li>第一项</li><li>第二项</li><li>第三项</li></ul><!-- ul元素的子元素只能是li，不能是其他元素。ul元素内部的文本，只能在li元素内部添加，不能在li元素外部添加。 --><!-- 定义列表 --><h3>定义列表</h3><dl><dt>HTML</dt><dd>制作网页的标准语言，控制网页的结构</dd><dt>CSS</dt><dd>制作网页的样式，控制网页的显示效果</dd><dt>JavaScript</dt><dd>制作网页的动态效果，控制网页的行为</dd></dl><!-- dl，即definition list（定义列表）。dt，即definition term（定义名词）。dd，即definition description（定义描述）。 --></bady>
</html>效果图：
相关文章：
HTML之列表学习记录
练习题： 图所示为一个问卷调查网页，请制作出来。要求：大标题用h1标签；小题目用h3标签；前两个问题使用有序列表；最后一个问题使用无序列表。 代码： <!DOCTYPE html> <html> <he…...
Redo与Undo的区别：数据库事务的恢复与撤销机制
在数据库中，redo 和 undo 是两个非常重要的概念，它们主要用于事务管理和恢复机制，确保数据的一致性和完整性。 下面分别解释这两个概念： Redo（重做） 定义：redo 操作记录了事务对数据库所做的所…...
【话题讨论】AI赋能电商：创新应用与销售效率的双轮驱动
目录 引言 一、AI技术在电商中的创新应用 1.1 购物推荐 1.2 会员分类 1.3 商品定价 1.4 用户体验 总结 二、AI技术提高电商平台销售效率 2.1 订单处理 2.2 物流配送 2.3 产品流转效率 2.4 库存管理和订单管理效率 2.5 实际案例分析 三、挑战和未来发展趋势 3.1…...
重构开发之道，Blackbox.AI为技术注入智能新动力
本文目录 一、引言二、Blackbox.AI实战体验2.1 基于网页界面生成前端代码进行应用开发2.2 与AI助手实现实时智能对话2.3 重塑大型文件交互方式2.4 链接Github仓库进行对话编程 三、总结 一、引言 在生产力工具加速进化的浪潮中，Blackbox.AI开始崭露头角，…...
机器学习在医疗健康领域的应用
💓 博客主页：瑕疵的CSDN主页 📝 Gitee主页：瑕疵的gitee主页 ⏩ 文章专栏：《热点资讯》 机器学习在医疗健康领域的应用 机器学习在医疗健康领域的应用 机器学习在医疗健康领域的应用 引言 机器学习概述 定义与原理 发展…...
M芯片Mac构建Dockerfile - 注意事项
由于MacBook的M芯片架构与intel不同，交叉构建Linux服务器docker镜像，需要以下步骤完成： 编写好Dockerfile在命令行中，执行构建命令： docker buildx build --platform linux/amd64 -t ${image_name}:${tag} ....
系统架构设计师论文
软考官网：中国计算机技术职业资格网 (ruankao.org.cn) 2019年 2019年下半年试题二：论软件系统架构评估及其应用...
速盾：CDN 和高防有什么区别？
在网络安全和性能优化领域，CDN（Content Delivery Network，内容分发网络）和高防服务是两个重要的概念，它们在功能、原理和应用场景方面存在诸多区别。 一、CDN （一）基本原理与功能 内容加速分发…...
goframe开发一个企业网站 rabbitmq队例15
RabbitMQ消息队列封装 在目录internal/pkg/rabbitmq/rabbitmq.go # 消息队列配置 mq:# 消息队列类型: rocketmq 或 rabbitmqtype: "rabbitmq"# 是否启用消息队列enabled: truerocketmq:nameServer: "127.0.0.1:9876"producerGroup: "myProducerGrou…...
设计模式-七个基本原则之一-迪米特法则 + 案例
迪米特法则:(LoD) 面向对象七个基本原则之一 只与直接的朋友通信：对象应只与自己直接关联的对象通信，例如：方法参数、返回值、创建的对象。避免“链式调用”：尽量避免通过多个对象链进行调用。例如，a.getB().getC().do…...
【数学二】线性代数-二次型
考试要求 1、了解二次型的概念， 会用矩阵形式表示二次型，了解合同变换与合同矩阵的概念. 2、了解二次型的秩的概念，了解二次型的标准形、规范形等概念，了解惯性定理，会用正交变换和配方法化二次型为标准形。 3、理解正定二次型、正定矩阵的概念，并掌握其判别法. 二次型…...
320页PDF | 集团IT蓝图总体规划报告-德勤（限免下载）
一、前言 这份报告是集团IT蓝图总体规划报告-德勤。在报告中详细阐述了德勤为某集团制定的全面IT蓝图总体规划，包括了集团信息化目标蓝图、IT应用规划、数据规划、IT集成架构、IT基础设施规划以及IT治理体系规划等关键领域，旨在为集团未来的信息化发展提…...
HTB：Sea[WriteUP]
目录 连接至HTB服务器并启动靶机 使用nmap对靶机TCP端口进行开放扫描 使用curl访问靶机80端口 使用ffuf对靶机进行了一顿FUZZ 尝试在Github上搜索版权拥有者 除了LICENSE还FUZZ出了version文件尝试访问 尝试直接在Github搜索该符合该版本的EXP 横向移动 使用john对该哈…...
Java 网络编程（一）—— UDP数据报套接字编程
概念 在网络编程中主要的对象有两个：客户端和服务器。客户端是提供请求的，归用户使用，发送的请求会被服务器接收，服务器根据请求做出响应，然后再将响应的数据包返回给客户端。 作为程序员，我们主要关心应…...
ECharts图表图例8
用eclipse软件制作动态单仪表图 用java知识点 代码截图：...
Redis中的线程模型
Redis 的单线程模型详解 Redis 的“单线程”模型主要指的是其 主线程，这个主线程负责从客户端接收请求、解析命令、处理数据和返回响应。为了深入了解 Redis 单线程的具体工作流程，我们可以将其分为以下几个步骤： 接收客户端请求 Redis 的主线…...
[产品管理-77]：技术人需要了解的常见概念：科学、技术、技能、产品、市场、商业模式、运营
目录 一、概念定义 科学 技术 技能 产品 市场 商业模式 运营 二、上述概念在产品创新中的作用 一、概念定义 对于技术人来说，了解并掌握科学、技术、技能、产品、市场、商业模式、运营等常见概念的定义至关重要。以下是这些概念的详细解释： 科…...
鼠标点击（一）与3D视口窗口的交互
（1） （2） （3）...
线程-2-线程概念与控制
main 线程常见寄存器（CR3 EIP IR MMU TLB） CR3是当前进程页表物理内存地址（包不能虚拟地址，不然套娃了） CPU中有寄存器指向task_struct* current EIP：入口虚拟地址 IR：当前命令地址系统总线&a…...
TortoiseSVN提示服务器凭证检核错误:站点名称不符
电脑重装了系统，下载了新版本SVN软件，一切准备就绪，准备大干一场。 打开SVN，一遍一遍的提示【TortoiseSVN提示服务器凭证检核错误:站点名称不符】，一次次的让我接受，终于忍受不了了。 TortoiseSVN提示服务…...
为OpenClaw智能体工作流配置Taotoken作为稳定的模型供应后端
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 为OpenClaw智能体工作流配置Taotoken作为稳定的模型供应后端 在构建基于OpenClaw的复杂自动化工作流时，一个稳定且模型…...
宣传片微电影制作拍摄
荣誉见证实力・匠心铸就品牌｜国隆映像传媒，6 年深耕乌鲁木齐，斩获全国影像盛典、脱贫攻坚、文旅代言等多项大奖，为企事业单位提供一站式影视制作服务。...
Cursor AI助手功能扩展技术实现：5步实现永久免费使用的完整方案
Cursor AI助手功能扩展技术实现：5步实现永久免费使用的完整方案 【免费下载链接】cursor-free-vip [Support 0.45]（Multi Language 多语言）自动注册 Cursor Ai ，自动重置机器ID ， 免费升级使用Pro 功能: Youve reached…...
编译原理｜FIRST、FOLLOW、SELECT集超详细解读（含例题）
编译原理｜FIRST、FOLLOW、SELECT集超详细解读（含例题）在编译原理的自顶向下语法分析中，FIRST、FOLLOW、SELECT三个集合是核心基石——它们是构造LL(1)分析表、判断文法是否为LL(1)文法的关键。很多同学刚开始接触时会被抽象的定义…...
国密 TLCP 实战：GmSSL / OCL / Nginx 版本选型与全部调试修改说明
本文面向发布到 CSDN，汇总本人在 Windows WSL2 编译、Docker 部署、CentOS 生产环境跑通 Nginx 国密 HTTPS（TLCP） 时使用的源码版本、目录布局，以及为调通而做的全部修改（含配置、脚本、证书处理；不含对 N…...
宇视出入口相机抓拍调试速成方法
宇视出入口相机抓拍调试速成方法一、背景概述智慧园区、停车场等场景已普及宇视出入口抓拍相机，用于车辆出入管控与车牌识别。现场易受光照、车速、车道环境等影响，常出现漏抓、识别率低、画面模糊等问题。传统调试无标准、耗时长、上手门槛高࿰…...
BabelDOC终极指南：三步解决PDF翻译格式错乱难题
BabelDOC终极指南：三步解决PDF翻译格式错乱难题 【免费下载链接】BabelDOC Yet Another Document Translator 项目地址: https://gitcode.com/GitHub_Trending/ba/BabelDOC 还在为PDF文档翻译后格式混乱而烦恼吗？BabelDOC作为专业的PDF文档翻译工…...
从URP到Built-in：手把手教你迁移Unity第三人称模板并成功换人（解决Shader报错）
从URP到Built-in：Unity第三人称模板迁移全流程实战指南 当你在Unity中打开官方提供的Third Person模板，准备将其应用到自己的项目时，可能会遇到一个棘手的问题——这个模板是基于URP（Universal Render Pipeline）设计的…...
剪映专业版教程：制作直接选择排序算法原理演示视频
前言 今天教大家用剪映制作直接选择排序算法的原理演示视频。直接选择排序的原理是：在同一个数组中，先挑一个最小的，跟第一位交换；待排序下标往后移到第二位，从这里开始往后找一个最小的，跟第二位交换&…...
ChromeKeePass深度解析：如何实现KeePass密码自动填充的强力浏览器扩展？
ChromeKeePass深度解析：如何实现KeePass密码自动填充的强力浏览器扩展？ 【免费下载链接】ChromeKeePass Chrome extensions for automatically filling credentials from KeePass 项目地址: https://gitcode.com/gh_mirrors/ch/ChromeKeePass 你是…...