关于HTML

本文介绍了HTML5的基本骨架,包括文档类型声明、头部和主体元素的使用。同时,详细阐述了三种列表类型——无序列表、有序列表和定义列表的语义及应用场景,并给出了正确使用列表的示例。无序列表常用于展示搜索结果或导航条,有序列表适用于排行榜,而定义列表则用于提供定义描述。此外,还提及了有序列表的type属性、start属性和reversed属性的用法。
摘要由CSDN通过智能技术生成

超文本标记语言,用来开发网页的语言,主要用标签对的形式为文本添加语义,或者放置文档的部件。

后缀名为 .html

html5骨架:

<!-- DTD:文档类型声明 -->
<!DOCTYPE html>
<html lang="en">
<!-- 网页配置 -->
<head>
</head>
<!-- 正式的内容 -->
<body>
</body>
</html>

DTD作用:表明当前书写的HTML文档,遵循的是HTML几代的规范

3种列表:

标签语义
<ul></ul>无序列表,没有刻意顺序
<ol></ol>有序列表
<dl></dl>定义列表

无序列表:

使用场景:页面上要列出一些搜索结果,一些新闻条目,或者是导航条

<ul>的子标签只能是<li>,不能出现其他标签!<li>中可以放任何东西,但<li>不可以散着放!
 

错误示范

<ul>
    <h2></h2>
    <li></li>
    <li></li>
    <li></li>
</ul>

<li></li>

正确示范

<ul>
    <li>
        <p></p>
        <ul>
            <li></li>
        </ul>
    </li>
    <li></li>
    <li></li>
</ul>

有序列表:

使用场景:排行榜

<ol>的子标签只能是<li>,不能出现其他标签!<li>中可以放任何东西,但<li>不可以散着放!

<ol>的type属性:a、A、i、I、1

<ol>的start属性:必须是一个阿拉伯数字整数

<ol>的reversed属性:指定列表中的条目是否是倒叙排列。不需要值,只用写reversed即可。

<ol reversed></ol>

注意:写reversed属性时,尽量不要使用start属性。

定义列表:

需要逐条给出定义描述的列表。<dd>对<dt>进行解释说明

<dl>
    <!-- data term 数据项 -->
    <dt></dt>

    <!-- data definition 数据定义 -->
    <dd></dd>
</dl>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值