【视频+图文详解】HTML基础4-html标签的基本使用

star010-2025-02-03 14:59

图文教程

html标签的基本使用

无序列表

**作用：**定义一个没有顺序的列表结构

由两个标签组成 ：<ul> 以及**<li>（** 两个标签都属于容器级标签，其中ul只能嵌套li标签，但li标签能嵌套任何标签，甚至ul标签**）**

**ul：**ulordered list（无序列表）

**li：**list item（列表项）

基本使用格式：

html 复制代码

<h2>古典四大名著</h2>

<ul>

    <li>三国演义</li>

    <li>西游记</li>

    <li>红楼梦</li>

    <li>水浒传</li>

</ul>

有序列表

**作用：**定义一个有序列表的列表结构

需要两个标签：<ol>和<li>标签

**ol：**ordered list（有序列表）

ol内部只能嵌套li标签，而li标签内部可以嵌套任何标签包括ol标签（跟ul基本一致）

定义列表

**作用：**定义一个自定义标题和内容的列表结构

**组成：**dl,dt,dd

**dl：**definition list 表示创建一个自定义列表结构

**dt：**definition term 表示创建一个自定义主题

**dd：**defination description 表示对前面主题的描述说明

示例

html 复制代码

<h2>国内女明星</h2>

<dl>

    <dt>杨幂</dt>

    <dd>作品：《三生三世》、《宫》、《仙剑奇侠传》等</dd>


    <dt>赵丽颖</dt>

    <dd>作品：《花千骨》、《楚乔传》、《陆贞传奇》等</dd>


    <dt>刘诗诗</dt>

    <dd>作品：《步步惊心》、《仙剑奇侠传》、《女医明妃传》等</dd>

</dl>

注意：dd标签内也可以嵌套许多标签

视频教程

哔哩哔哩（B站）搜索框中输入"uid=3546393096489381"即可

用户：star010_