2、HTML基础之列表和样式

发布时间：2023-06-29 10:00

文章目录

一、HTML列表
- - a、无序列表: ul
  - b、有序列表： ol
  - c、自定义列表： dl
二、HTML样式：style

一、HTML列表

a、无序列表: ul

<p>无序列表p>
<ul type=“circle”>
  <li>列表项1li>
  <li>列表项2li>
ul>

$\"2、HTML基础之列表和样式_第1张图片\"$

type属性

值	含义
disc(默认)	实心圆
circle	空心圆
square	小方块

b、有序列表： ol

有序列表

  列表项1
  列表项2

$\"2、HTML基础之列表和样式_第2张图片\"$

type属性

值	含义
1(默认)	数字表示（1, 2, 3…）
A	大写字母表示（A,B,C…)
a	小写字母表示（a,b,c…)
I	大写罗马数字表示(I,II,III…)
i	小写罗马数字表示(i,ii,iii…)

c、自定义列表： dl

<dl>
  <dt>名词1dt>
  <dd>名词1解释1dd>
  <dt>名词2dt>
  <dd>名词2解释1dd>
dl>

$\"2、HTML基础之列表和样式_第3张图片\"$

二、HTML样式：style

<html>
  <body>
    <p style=\"background-color:red\">背景颜色p>
    <p style=\"font-family:arial; color:green; font-size:50px;\">字体，颜色，尺寸p>
    <h1 style=\"text-align:center\">文本对齐h1>
  body>
html>

$\"2、HTML基础之列表和样式_第4张图片\"$
每天进步一点点，体会学习的乐趣

2、HTML基础之列表和样式

文章目录

一、HTML列表

a、无序列表: ul

b、有序列表： ol

c、自定义列表： dl

二、HTML样式：style

相关推荐