HTML--列表

有序列表

DOCTYPE html>
<html>
<head> 
    <title>这是一个标题title>
    <meta charset="utf-8"/>
head>
<body>
    <ol type="a">
        <li>列表1li>
        <li>列表2li>
        <li>列表3li>
    ol>

body>
html>

效果:

1.列表1
2.列表2
3.列表3

有序列表的type属性

type=“1” 是用 阿拉伯数字做列表序号,这个是默认的序号
type=“a” 用小写英文字母做列表序号
type=“A” 用大写英文字母做列表序号
type=“i” 用小写罗马数字做列表序号 i,ii,iii
type=“I” (大写i)用大写罗马数字做列表序号 I,II,III,IV

无序列表

DOCTYPE html>
<html>
<head> 
    <title>这是一个标题title>
    <meta charset="utf-8"/>
head>
<body>
    <ul type="cicle">
        <li>列表1li>
        <li>列表2li>
        <li>列表3li>
        <li>列表4li>
    ul>

body>
html>

无序列表的 type属性

type=“disc” 实心圆,默认值
type=“circle” 空心圆
type=“square” 正方形

ul元素的子元素只能是li元素,文本也不能直接放到ul元素内,虽然貌似能生效

定义列表

语法:

DOCTYPE html>
<html>
<head> 
    <title>这是一个标题title>
    <meta charset="utf-8"/>
head>
<body>
    <dl>
        <dt>这是一个名词dt>
        <dd>这是名词的描述dd>
        <dt>这是另一个名词dt>
        <dd>这是这个名词的描述dd>
        <dd>这也是这个名词的描述dd>
    dl>
body>
html>

效果:
HTML--列表_第1张图片

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