当前位置: 首页 > article >正文

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

图文教程

html标签的基本使用

无序列表

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

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

ul:ulordered list(无序列表)

li:list item(列表项)

基本使用格式:

<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 表示对前面主题的描述说明

示例

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

<dl>

    <dt>杨幂</dt>

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


    <dt>赵丽颖</dt>

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


    <dt>刘诗诗</dt>

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

</dl>

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

视频教程

哔哩哔哩(B站)搜索框中输入“uid=3546393096489381”即可

用户:star010_


http://www.kler.cn/a/526422.html

相关文章:

  • 代码随想录|动态规划 300.最长递增子序列 674. 最长连续递增序列 718. 最长重复子数组
  • 赛博算卦之周易六十四卦JAVA实现:六幺算尽天下事,梅花化解天下苦。
  • Linux——网络(tcp)
  • HTML 标题
  • 第十四讲 JDBC数据库
  • 【面试】【前端】SSR与SPA的优缺点
  • 2025美赛复盘总结反思(论文手)
  • 第27篇:Python开发进阶:python多线程与多进程编程
  • [LeetCode]day 5 209.长度最小的子数组
  • EWM 变更库存类型
  • Leetcode 3434. Maximum Frequency After Subarray Operation
  • 剑指 Offer II 012. 左右两边子数组的和相等
  • C++初阶 -- 泛型编程(函数模板、类模板)入门
  • Brave132 编译指南 Windows 篇:安装 Visual Studio 2022(二)
  • QT串口通信,实现单个温湿度传感器数据的采集
  • 【初识C语言】作业讲解15课
  • MATLAB语言的测试开发
  • sem_wait的概念和使用案列
  • STM32项目分享:智能温室大棚(APP版)
  • C++ 3
  • ollama指定目录安装
  • 使用Navicat Premium管理数据库时,如何关闭事务默认自动提交功能?
  • openeuler 22.03 lts sp4 使用 cri-o 和 静态 pod 的方式部署 k8s-v1.32.0 高可用集群
  • 【2025最新计算机毕业设计】基于SpringBoot+Vue家政呵护到家护理服务平台(高质量源码,可定制,提供文档,免费部署到本地)
  • 创建 priority_queue - 初阶(c++)
  • 如何用 Groq API 免费使用 DeepSeek-R1 70B,并通过 Deno 实现国内访问