您的位置:首页 > 科技 > IT业 > django学习入门系列之第二点《浏览器能识别的标签1》

django学习入门系列之第二点《浏览器能识别的标签1》

2024/12/25 0:56:34 来源:https://blog.csdn.net/qq_62548908/article/details/139610639  浏览:    关键词:django学习入门系列之第二点《浏览器能识别的标签1》

文章目录

  • 文件的编码(head)
  • 网站表头信息(head)
  • 标题(body)
  • div和span
  • 往期回顾


文件的编码(head)

<!--浏览器会以"UTF-8"这种编码来读取文件-->
<meta charset="UTF-8">

网站表头信息(head)

<title>Title</title>

在这里插入图片描述

标题(body)

<!-- 一到六级标题 -->
<h1>中国移动</h1>
<h2>中国移动</h2>
<h3>中国联通</h3>
<h4>中国移动</h4>
<h5>中国移动</h5>
<h6>中国联通</h6>

在这里插入图片描述

div和span

<div><!--内容--></div>
<span><!--内容--></span>
  • div,一个人占一整行

    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset="UTF-8"><title>Title</title>
    </head>
    <body><h1>中国移动</h1><div>123124</div>
    </body>
    </html><!--如果像div位置改变-->
    <div style="内容">   
    </div>
    
  • span,自己多大占多少【行内标签、内敛标签】

    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset="UTF-8"><title>Title</title>
    </head>
    <body><span>中国移动</span><span>123124</span>
    </body>
    </html>
    

在这里插入图片描述

  • 注意,这两个标签比较素,但是可以+CSS来改变

  • 小案例

    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset="UTF-8"><title>中国移动</title>
    </head>
    <body>
    <h1>中国移动简介</h1>
    <div><span>时间</span><span>2023.1.2</span>
    </div>
    <div>中国移动通信集团有限公司(英文:China Mobile Communications Group Co.,Ltd),简称“中国移动”,是按照国家电信体制改革的总体部署,于2000年组建成立的中央企业。2017年12月,中国移动通信集团公司进行公司制改制,企业类型由全民所有制企业变更为国有独资公司,并更名为中国移动通信集团有限公司。
    </div>
    </body>
    </html>
    

在这里插入图片描述

往期回顾

1.【快速开发网站】

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com