html特殊标签的使用以及有序列表的创建

小刘日记

已于 2022-04-09 10:27:46 修改

阅读量421

点赞数

文章标签： html 前端

于 2022-04-08 17:49:35 首次发布

本文链接：https://blog.youkuaiyun.com/m0_61464684/article/details/124047365

版权

html特殊标签的使用以及有序列表的创建

1.尖角号

2.空格

3.版权

4.商标

5.div标签和span标签的作用

6.有序列表创建

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
       &emsp;&emsp;五星红旗飘扬在天安门上，
       我们仰望天空，<p>看到无边无际的蓝天</p>&lt;hr &gt;
       <center> <p>&copy;</p>
       <p>&reg;</p>
       <p>&trade;</p>
  </center>
</body>
</html>

在这里插入图片描述

5.div标签独占一行，span标签是修改标题里面的属性的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <center> <h1>我爱我的祖国 <span style="color: brown;">中国</span></h1>

<div>11111111</div>
<div>22222222</div>
<div>33333333</div></center>
</body>
</html>

结果

在这里插入图片描述

6.有序列表的创建

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body><h2>把大象装入冰箱分为几步？</h2>
    <ol type="A" start="1">  <!--定义一个有序列表，排序是以A类顺序排序，从第1个开始-->
        <li>打开冰箱</li><li>装入大象</li><li>关闭冰箱</li></ol>
</body>
</html>

结果

在这里插入图片描述