1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_2 html列表的用法

0.无序列表

1.有序列表

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <!--这是一个注释-->
 9     <!--无序列表-->
10     <ul>
11         <li>女装/男装/内衣
12             <ul>
13                 <li>卫衣</li>
14                 <li>裙子
15                     <ul>
16                         <li>连衣裙</li>
17                         <li>半身裙</li>
18                     </ul>
19                 </li>
20                 <li>内裤</li>
21             </ul>
22         </li>
23         <li>鞋子&包</li>
24         <li>玩具&母婴</li>
25     </ul>
26
27     <!--有序列表-->
28     <ol>
29         <li>女装/男装/内衣
30             <ol>
31                 <li>卫衣</li>
32                 <li>裙子
33                     <ol>
34                         <li>连衣裙</li>
35                         <li>半身裙</li>
36                     </ol>
37                 </li>
38                 <li>内裤</li>
39             </ol>
40         </li>
41         <li>鞋子&包</li>
42         <li>玩具&母婴</li>
43     </ol>
44 </body>
45 </html>

2.自定义列表

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>自定义列表</title>
 6 </head>
 7 <body>
 8     <dl>
 9         <dt>html是什么啊?</dt>
10         <dd>html是一种超文本语言</dd>
11         <dt>javascript是什么啊?</dt>
12         <dd>javascript是一种可以做特效的语言</dd>
13     </dl>
14 </body>
15 </html>

原文地址:https://www.cnblogs.com/denggelin/p/8992791.html

时间: 2024-07-30 22:16:16

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_2 html列表的用法的相关文章

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_8 css 3种样式引用方法&lt;link&gt;&lt;style&gt;

0.行内样式添加CSS <p style="color: red;">这是一个段落</p> 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css</title> 6 </head> 7 <body> 8 <p&

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_15 css背景属性

背景属性: background-color 背景颜色 background-image 背景图片 背景重复: background-repeat: repeat/no-repeat/repeat-x/repeat-y 背景位置:background-position: position: x y: ? 像素:100px 100px ? 百分比:10% 20%: (容器宽度-图片宽度)*10% ? left center right, top center bottom; ? -100px,0p

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_18 盒模型[浮动计算]

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>清除浮动</title> 6 <style> 7 ul,li { 8 list-style-type: none; 9 margin: 0px; 10 padding: 0px; 11 } 12 li { 13 float:

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_20 css样式作业

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css样式作业</title> 6 <style> 7 * { 8 font-family: "微软雅黑" 9 } 10 body { 11 background: url("http://rea

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_21 css定位作业

CSS3 border-radius 属性 定义和用法 border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性. 提示:该属性允许您为元素添加圆角边框! 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 &

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_3 表格标签&lt;table&gt;

HTML <table> 标签 定义和用法 <table> 标签定义 HTML 表格. 简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元. 更复杂的 HTML 表格也可能包括 caption.col.colgroup.thead.tfoot 以及 tbody 元素. 1 <!DOCTYPE html> 2 <html lang="en"&

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_4 简单表格应用&lt;table&gt;

模仿:华为手机大全_华为智能手机_华为商城.html https://www.vmall.com/list-36 HTML <table> 标签 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <b

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_12 css边框

复合写法: border: 2px solid red; 分开写法: border-color: red; border-bottom-color: blue; border-bottom-style: dotted; border-bottom-width: 5px; border-left-color: yellow; border-left-style: solid; border-left-width: 6px; border-right-color: green; border-rig

1、HTML+DIV+CSS零基础快速入门到制作企业站视频课程_11 css字体样式

复合写法: font: italic bold 20px "微软雅黑" 分开写法: font-family: "微软雅黑"; font-size: 20px; font-size: 2em; 1em=16px font-style: italic; font-style: normal; font-weight: bold; font-weight: normal; 原文地址:https://www.cnblogs.com/denggelin/p/8994214.h