html5是什么？五大浏览器、网页基本骨架结构与含义、常用标签——学习HTML5第一天的心得总结，若有错误望指正，我将持续更新与大家共同进步。

大脸胖柴

已于 2023-02-07 11:18:39 修改

阅读量4k

点赞数 5

分类专栏： web前端基础大前端 HTML 文章标签： html 学习前端

于 2022-02-22 20:32:17 首次发布

本文链接：https://blog.csdn.net/TKY666/article/details/123076051

版权

web前端基础同时被 3 个专栏收录

22 篇文章 2 订阅

订阅专栏

大前端

16 篇文章 0 订阅

订阅专栏

HTML

7 篇文章 0 订阅

订阅专栏

注意：上方P标签所说的块元素不可嵌套块元素是指在p元素中不建议嵌套块元素，如不建议<P><div></div></P>这种嵌套，其他块元素则根据需求嵌套即可

1.html5是什么？

HyperText Markup Language 超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

2.五大浏览器

、IE（Internet Explore）浏览器
、Opera浏览器：
、Safari浏览器：
、Firefox浏览器：
、Chrome浏览器：

3.标签语法

1.双标记标签 <标签名>内容</标签名>
2.单标记标签 <标签名>

4.网页基本骨架结构与含义

骨架：

<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
   <html>
     <head>
          <title>网页标题</title>
     </head>
   <body>
   </body>
   </html>

含义：

<!DOCTYPE html> 声明文档类型 html5文档

<html></html> 根标记标签

<head></head> 头标记标签

<body></body> 主体标记标签

<meta charset="utf-8"> 元数据标签 charset设置字符编码 utf-8被称为万国码，包含全世界所有国家所需要的字符，若无字符集则可能会出现乱码的状况。

提示：gbk / gb2312两种编码类型统称为国标码

5.常用标签

标题标签：

<h1>一级标题</h1>

<h2>二级标题</h2>

<h3>三级标题</h1>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

段落标签：<p> </p>

换行标签：<br />

 注释标签（注释内容浏览器界面不显示）

在HBuilder X与 VS code中注释快捷键是ctrl+/

图像属性：

图像标签<img src="" /> （图像标签中<img src="./图片名">中"./"指当前目录可省略不写）

1.相对路径

2.绝对路径

这里来重点讲解相对路径

<img src="路径" alt="加载失败" width="宽度"
height="高度" title="提示文本">

src用来表示图片的引用路径
   1.当html文件与图片在同一个目录下，src的值
是直接写图片名称（./表示本目录可省略不写）
   2.当html文件与图片所在文件夹与图片在同一个目录下，src的值是先写图片所在文件夹的名称，在写图片名称
<img src="img/2.jpg">
   3.当html文件所在文件夹与图片在同一目录
下，src的值是先通过../ 跳出当前目录，在写图片名称
<img src="../3.jpg">
   4.当html文件所在文件夹与图片所在文件夹在
同一目录下，src的值是先通过../ 跳出当前文件的目录，再通过图片文件夹名称/ 进入图片文件夹然后写图片名称
<img src="../（图片文件夹名称）/4.jpg">

希望各位能够好好学习前端一起成长。