2、HTML基础之列表和样式

文章目录

  • 一、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. 列表项1
  2. 列表项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张图片
每天进步一点点,体会学习的乐趣

你可能感兴趣的:(html,前端)