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

科技前沿 • 2025-03-11 17:16 • 阅读 45

大家好，我是讯享网，很高兴认识大家。

讯享网

注意：上方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.绝对路径

这里来重点讲解相对路径

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">

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

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

讯享网

1.html5是什么？

2.五大浏览器

3.标签语法

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

5.常用标签

图像属性：

1.相对路径

2.绝对路径

相关推荐