web快速入门之基础篇-html：6、列表-基础语法

最新推荐文章于 2023-03-10 07:26:19 发布

被开发耽误的大厨

最新推荐文章于 2023-03-10 07:26:19 发布

阅读量398

点赞数

分类专栏： web前端（H5）

本文为博主原创文章，不得随意转载，转载请注明出处！！！

本文链接：https://blog.csdn.net/YuDBL/article/details/104001401

版权

web前端（H5）专栏收录该内容

83 篇文章 15 订阅

订阅专栏

一、前言

上一篇文章我整理以前的笔记是：同一页面上不同位置之间的跳转，详细可参考博文 web快速入门之基础篇-html：5、同一页面上的跳转（锚点等知识点）这篇文章我将整理笔记：列表-基础语法

二、实例演示

实例代码

我们先来看看一个例子，如下代码：01_基础语法.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>

	<h3>有序列表</h3>
	<ol>
		<li>aaa</li>
		<li>bbb</li>
		<li>ccc</li>
	</ol>
	
   	<h3>无序列表</h3>
	<ul>
		<li>aaa</li>
		<li>bbb</li>
		<li>ccc</li>
	</ul>
	
	</body>
</html>

效果演示

用谷歌浏览器打开运行，效果如下：

三、知识点说明

基础语法

<ol></ol>---ordered list，有序列表

<ul></ul>---unordered list，无序列表

<li></li>----list item，列表项

如：

<ol>

<li>aaa</li>

<li>bbb</li>

<li>ccc</li>

</ol>



<ul>

<li>aaa</li>

<li>bbb</li>

<li>ccc</li>

</ul>

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

被开发耽误的大厨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Web前端语法总结

weixin_46112908的博客

02-05

1634

HTML基本语法 认识网页网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。 HTML 初识一般先学习HTML+CSS，这里我们先定一个小目标，先学HTML,后学习CSS。 HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”。是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音...

【愚公系列】2024年03月《CTF实战：从入门到提升》 003-Web安全基础知识（HTTP安全）

最新发布

时光隧道

02-26

5万+

HTTP安全是指在使用HTTP协议进行通信时，采取的一系列措施和技术，以确保传输过程中的数据的机密性、完整性和可信性。HTTP协议本身是一种明文的协议，数据在传输过程中容易被窃听、篡改或伪造。措施描述HTTPS在HTTP协议基础上增加了SSL/TLS加密层，通过对通信内容进行加密以保护数据的机密性。加密使用对称加密或非对称加密算法对敏感数据如用户登录信息或支付信息进行加密，防止数据被窃听。认证通过身份验证技术验证通信双方的身份，确保通信的可信性。

参与评论您还未登录，请先登录后发表或查看评论

web（js的一些基本语法）

qq_53544461的博客

12-15

1220

js语言是一种解释性语言，没有编译和运行之分，只有运行时错误，查看错误需要在控制台查看。 1、如何进行js编写 1）关联在HTML中执行：（1）内部方式管理<script> js语句 <script> （2）外部方式引入 <script src = " js的url "><script> 2)可在浏览器开发者工具的控制台进行编写 2、alert(message) 表示弹窗；pormpt(message) 表示弹出输入框；console.lo...

WEB前端学习-基础语法

qq_38994739的博客

08-22

481

WEB前端学习-基础语法 一、基本语法 所有标记的标准属性： id ：唯一标识 title：鼠标移到上面提示的文字 class ：css中使用 style：css中使用 1.文本标记 1、标题元素语法：<hn> </hn> n表示数字1到6，表示一级标题到六级标题。 **特点：字体加粗效果，字体大小变化，上下文之间有空白间距，**独占一行。属性：align 水平方向的对齐方式取值：left center right 2、段落元素语法：<p> 段落元素 </

Web开发 ☞ JavaScript 基本语法

Magic-ZYJ的博客

04-25

1500

鸣谢：www.w3school.com1、写入 HTML 输出document.write();示例：<html> <body> <script> document.write("test"); </script> </body> </html>注意：只能在 HTML 输出中使用 document.write。

javaweb_javascript基本语法

虚空掠夺者~

08-09

412

JavaScript: 概念：一门客户端脚本语言运行在客户端浏览器中的，每一个浏览器都有JavaScript的内置的解析引擎脚本语言：不需要编译，直接就可以被浏览器解释执行了，web中的静态资源功能：用来增强用户和html的页面交互过程，可以用来控制html的页面效果，增强用户体验效果 JavaSCript的发展史： 1.1992年，NomBase公司，开发出了第一门客户端脚本语言，专门用于表单的校验。命名为：c–后来更名为ScriptEase 2.1995年，Netscape(网景)公司，开发了

MySQL 入门到高级：基础篇-尚硅谷 2021年

08-21

本教程基于"MySQL 入门到高级：基础篇-尚硅谷 2021年"，将涵盖从安装配置到高级操作的全方位知识，帮助初学者快速掌握MySQL的核心技能。 1. **MySQL安装与配置**： - Windows、Linux和Mac OS上的安装方法 - 配置...

python 零基础学习篇-18flask入门.zip

04-21

总的来说，“Python 零基础学习篇 - 18Flask入门”将引导你从Python的基础语法开始，逐步掌握如何利用Flask构建Web应用。这个过程可能涉及HTML、CSS、JavaScript等前端技术，以及数据库操作等后端知识。通过实践这些...

django基础语法，从小白到入门

01-27

本篇将详细介绍Django的基础语法，帮助初学者快速入门。 **1. 安装与环境配置** 在开始学习Django之前，确保你已经安装了Python。然后通过pip来安装Django： ``` pip install django ``` 创建一个虚拟环境以隔离...

Web前端开发第4季：JavaScript基础入门

06-14

本季课程为JavaScript基础语法篇，着重介绍了JavaScript脚本语言的基础语法部分内容包含：◆ 认识JavaScript脚本语言、发展史、编译工具◆ JavaScript中的变量、数据类型、类型转换◆ 条件选择（if--else, if--else ...

Web常用语法总结

夏午Sharve的博客？

09-08

373

防遗忘实体引用展示语法展示语法 " "  (除去引号) & & " "  (除去引号) & &

WEB基础__JavaScript 概述及语法

AGan

03-24

395

JavaScript 概述 JavaScript

html5 websql 基本语法汇总

云上人间钦自赏

06-03

1602

创建数据库： var db = openDatabase('jiaotong', '2.0', 'testdb', 20 * 1024); 执行语句： db.transaction(function(tx){ db.executeSql(strsql,[],function(tx,result){ for(i=0;i<resul

2、Web基本介绍及Html语法介绍

weixin_33863087的博客

10-15

350

1.1 Web基本介绍 1.web就是world wide web的缩写.称之为全球广域网，俗称www。2.我们可以将web理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。3.网站我们可以认是由多个网页组合在一起而形成一种服务。4.web前端就是未负责一个网站当中前台网页里的内容。5.网页就是由前端工程师使用HTML语言编写而成的一种文件，它里面会包含文字图片超链接声音视频……（网...

web阶段概念语法----学习笔记

zxwwantlearnjava的博客

07-25

754

web学习笔记大纲一、Oracle数据库1.概念2. 一、Oracle数据库 1.概念概念:数据库是一种存储管理数据的软件,全称RDBMS(关系数据库管理系统),简称数据库(db) 数据库里常见的基本概念 (1)表(table): 二维表,实际负责数据的存储 (2)行(row): 存放一组具体的业务数据,也称为"记录" (3)列(column): 描述了业务数据里的一个具体的属性,也称为"字段" -主键(primary key): 唯一表示表里的一条记录,非空唯一 -外键(foreign key):

web创建列表基本语法，使用div标签，元素类型

chenjianxuan的博客

03-10

216

web设计

【WEB基础】HTML & CSS 基础入门（4）列表及其样式

weixin_30619101的博客

05-23

159

前面网页中漂亮的导航、整齐规范的文章标题列表和图片列表等等。这些都是离不开HTML里一个重要的元素----列表，在HTML中有无序列表、有序列表和定义列表三种类型。其中，无序列表应用最为广泛，下面，我们一块认识一下HTML列表。列表在文档编辑中也是十分常见的，我们可以结合word里的列表来对比学习HTML的列表元素。在word中有符号列表、编号列表、多级列表。在HTML中也提供了三种类型的...

HTML中列表的学习

weixin_43972159的博客

07-07

115

列表表格是用来显示数据的,那么列表就是用来布局的列表最大的特点就是整齐,整洁,有序,它作为布局会更加的自由和方便根据使用场景的不同,列表可以分为三大类无序列表 ul标签表示html页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用li标签定义,无序列表的基本语法如下: 您最喜欢的食物是? <ul> <li>榴莲</li> <li>臭豆腐</li> <li&gt

【Web前端】HTML—5.列表标签

weixin_41806595的博客

06-07

552

列表标签表格用来显示数据，列表用来布局。列表最大的特点是整齐、整洁、有序，它作为布局会更加自由和方便。根据使用情景不同，列表可以分为三大类：无序列表、有序列表、自定义列表。一、无序列表 <ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。无序列表的基本语法格式如下：  <ul> <li>列表项1</li> &lt