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

注意：上方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">

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

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

thinkphp6 404找不到网页错误常见情况总结（持续更新）
1.文件路径不对,建议采用虚拟域名方法见phpstudy本地调试启用虚拟域名的方法 2.启用的伪静态未能生效建议开发的时候不要去掉index.php入口文件所有的站内链接都用url方法生成
HTML5的基础知识的梳理及常用标签
HTML5的基础知识的梳理及常用标签 1.HTML5的介绍前端:展示页面.与用户交互 - HTML 后端:数据的交互和传递 - JavaEE/JavaWeb 1.前端开发的工作模式网页的组成部分( ...
Web前端小白必看【网页开发工具/HTML常用标签】
网页开发工具和HTML常用标签一.网页开发工具vscode的使用 1.1常见的网页开发工具: 1.2vscode为例创建网页文件. 1.3vscode网页制作相关插件安装 1.4vscode出现的网 ...
Web标准的构成、网页的组成、五大浏览器，可以使用HTML搭建出一个基础的网页
Web标准不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异如果用户想看一个网页,结果用不同浏览器打开效果不同,用户体验极差! Web标准:让不同的浏览器按照相同的标准显示结果,让展示的效 ...
常见的五大浏览器内核
常见的五大浏览器内核首先解释一下有一些是我自己的理解,不保证完全正确. 浏览器内核是什么东西.英文叫做:Rendering Engine,中文翻译很多,排版引擎.解释引擎.渲染引擎,现在流行称为浏览 ...
IE9惊起一滩鸥鹭五大浏览器再掀混战
转载自:http://news.mydrivers.com/1/188/188872.htm 公开测试了8个月后,微软正式发布了IE9 .近年来,IE7和IE8一直表现平平,而IE6却手握大权.随着时 ...
浏览器内核五大浏览器内核
浏览器最重要或者说核心的部分是"Rendering Engine",可大概译为"渲染引擎",不过我们一般习惯将之称为"浏览器内核".负责对网 ...
html5 | 通过js实现对网页文本内容语音朗读 | 教程
简介网页文字语音阅读功能实现的核心是通过网页语音 API 的SpeechSynthesis 接口是语音服务的控制接口:它可以用于获取设备上关于可用的合成声音的信息,开始.暂停语音,或除此之外的其他 ...
HTML5+CSS3的响应式网页设计：自动适应屏幕宽度
原链接:https://www.cnblogs.com/libaoli/p/5779629.html 作者:请叫我阿力这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方, ...

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

1.html5是什么？

2.五大浏览器

3.标签语法

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

5.常用标签

图像属性：

1.相对路径

2.绝对路径

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

最新文章

热门文章