html基础标签理解

@我是东山啊

已于 2022-07-20 20:45:31 修改

阅读量94

点赞数 3

分类专栏： web 文章标签：前端 html servlet

于 2022-07-18 21:01:41 首次发布

本文链接：https://blog.csdn.net/m0_53404077/article/details/125859169

版权

web 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

今日汇总：基础标签的理解

一、<!DOCTYPE html>

（注释快捷键：ctrl+/）

二、<html></html>

<!--

页面的根标签所有的内容都应该出现在html内部

内部之能编写 head和body

-->

三、<head></head>

<!--

页面的头标签

内部编写一些常见的页面修饰标签比如title mate viewport

-->

四、<title></title>

页面标签的标题

五、 <meta charset="utf-8">

六、<meta name="viewport" content="width=device-width,initial-scale=1.0">

七、<body></body>

八、body的常用标签

1、div 换行（块）

2、span 不会换行没有任何形式仅仅做隔离使用（行内）

3、p 换行/行距（段落）

4、hr 水平分割线

5、br 换行

6、h1-h6 换行/行距/大小/粗细（标题）

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title>页面标签的标题</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
    </head>
    <body>
        <h1>  一级标题 <span style="color: red;">页面</span>可以看见</h1>
        <div>学</div>
        <div>习</div>
        <div>了</div>
    </body>
</html>

运行结果如下：