3-HTML5列表、块和布局


列表

标签描述
<ol>有序列表
<ul>无序列表
<li>列表项
<dl>列表
<dt>列表项
<dd>描述


常用列表形式

1, 无序列表

使用标签: <ul><li>
属性: disc(实心), circle(空心圆), square(实体矩形) (type=”“)

2, 有序列表

使用标签: <ol><li>
属性: A, a, l, i, start(从几开始)

3, 嵌套列表

使用标签: <ul><ol><li>

4, 自定义列表

使用标签: <dl><dt><dd>

    <dl>
        <dt>helloworld</dt>
            <dd>每一门新的语言都会打印一个helloworld</dd>
        <dt>helloworld</dt>
            <dd>每一门新的语言都会打印一个helloworld</dd>
        <dt>helloworld</dt>
            <dd>每一门新的语言都会打印一个helloworld</dd>
    </dl>

这里写图片描述

1, HTML块元素

块元素在显示时, 通常会以新行开始
如: <h1>, <p>, <ul>

2, HTML内联元素

内联元素通常不会以新行开始
如: <b><a><img>

布局

1, HTML<div>元素

被称为块元素, 其主要是组合HTML元素的容器

2, HTML<span>元素

是内联元素, 可作为文本的容器

到后面会有详细的解释

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值