HTML基础学习第三课（列表的创建、有序和无序）

1、无序列表：

一、无序列表是一个项目的列表，此列项目使用粗点圆点（典型的小黑圆圈）进行标记。

二、无序列表始于

。

总结知识进行练习一：实现以下内容

代码如下：


html>
<html>
     <head>
	      <meta charset="UTF-8">
	      <title>title>
	 head>
	 <body>
	    <ul>
		   <li>咖啡li>
		   <li>奶茶li>
		ul>
	 body>
html>

2、有序列表：

一、同样，有序列表也是一列项目，列表项目使用数字进行标记。

二、有序列表始于<ol>标签，每个列表始于<li>。

总结知识进行练习二：实现以下内容

代码如下：


html>
<html>
     <head>
	      <meta charset="UTF-8">
	      <title>title>
	 head>
	 <body>
	      <ol>
		    <li>牛奶li>
			<li>果茶li>
		  <ol/>
	 body>
html>

嵌套列表练习三：实现以下内容

代码如下：


html>
<html>
     <head>
	 <meta charset="UTF-8">
	      <title>title>
	 head>
	 <body>
	      <h2>海南政法职业学院h2>
		  <ul>
		    <li>公安司法系li>
			<li>应用法律系li>
			<li>法务技术系li>
			<li>公共安全技术系
			  <ul>
			    <li>信息安全专业li>
				<li>计算机通信专业li>
				<li>安全防范技术专业li>
				<li>消防工程专业li>
			 ul>
			 li>
	 body>
html>

练习四：实现以下内容

代码如下：


html>
<html>
     <head>
	 <meta charset="UTF-8">
	      <title>title>
	 head>
	 <ul>
	    <li><img src="i01.jpg"/>li>
		<a href="http://www.hnplc.com">苹果手表a>
		<p>￥3000p>
		<li><img src="i01.jpg"/>li>
		<a href="httm://www.hnplc.com">联想小新a>
		<p>￥5000p>
	 ul>
html>

基础内容补充：

1、在另一个窗口中打开代码

：这个代码网站是PHP陈泽辉的代码仓库

2、给图片设置大小格式

： background

3、HTML水平分割线

：

4、HTML标签参考手册网站

：https://www.runoob.com/tags/html-reference.html

相关阅读:
k8s图形界面登录报错Failure
360 评估调查：2023 年最佳 360 评估调查问题
【muduo源码剖析】Poller/EPollPoller设计分析
在 JavaScript 中检查 2 个数组是否相等的简单方法
ZEMAX | 在OpticStudio中通过几何光线追迹来模拟杨氏双缝干涉实验
【剑指Offer】7.重建二叉树
小红书账号管理软件，批量账号发布笔记！
机器学习面试题
4.1 Windows驱动开发：内核中进程与句柄互转
数据冷热分离方案

原文地址：https://blog.csdn.net/xiaomoge__/article/details/126772223