HTML 超文本标记语言

_语义错误

已于 2022-01-26 11:19:38 修改

阅读量2.2k

点赞数 1

文章标签： html 前端 html5

于 2022-01-25 23:21:21 首次发布

本文链接：https://blog.csdn.net/m0_66451927/article/details/122685137

版权

本文详细介绍了HTML5的基本概念、使用原因及其优势，包括其强大的功能、宽松的语法、跨平台应用以及流量获取能力。同时，文章还阐述了如何入门HTML5，通过VSCode创建和理解HTML代码结构，并列举了常用标签的用法，如标题、段落、换行、加粗等。

摘要由CSDN通过智能技术生成

说明：因为HTML现在常用HTML5，下文部分地方直接用HTML5代替HTML。

一、超文本标记语言

1、是什么？

2、为什么？

3、怎么用？

1、是什么？

（1）什么是超文本：超文本就是用超链接的方法，将各种不同空间的文字信息组合在一起的网状文本。而超文本标记语言HTML是超文本最常用的格式。

（2）什么是超链接：超链接是网页的一部分，通过超链接将不同网页链接在一起构成网站，链接对象可以是文本或者图片，当我们对链接对象进行点击或其他触动操作时，浏览器会根据链接目标的类型来运行或打开链接目标，这个链接目标位置可以是不同网站，也可以是同网站不同网页、同网页不同地方，链接目标的格式可以是一张图片，或一个文件，一个应用程序等。简而言之超链接就是用来链接当前网页和其他链接目标的途径。

举个例子：打开bilibili首页（网页1），上面有许多视频封面（超链接对象），点击视频封面，浏览器跳转到视频播放页面（页面2，也是链接目标）。

以HTML5为对象，详细说明：

（1）HTML5是什么：见名知意，就是HTML的第五个标准版本

2、为什么？为什么用HTML5来做网页呢？

（1）HTML5功能强大，表现在：视频播放更加流畅清晰；HTML5做的游戏更小巧流程，画质高；广告形式更多。

（2）HTML5语法限制不严规范，方便开发，代码精简，便于阅读。

（3）流量大，表现在两方面：A）HTML5可以跨平台使用，可以用于浏览器插件，微信小程序等，许多app不用用户下载，可以在微信或者浏览器等直接使用，避开审核，使得app推广更快； B）HTML5的代码贴合用户有明确释义，利于开发同时搜索引擎也更容易识别到网页上的内容，让网站获得更多流量。
（4）实时更新，维护更简单，更新HTML5游戏就好像更新页面一样，是马上的、即时的更新。
（5）动画效果更精美，开发成本更低。用HTML5技术做出来的网页能给人眼前一亮的感觉，这些动画是基于html5标签和CSS3样式共同实现的效果，HTML5技术还支持自适应，能做到“一次设计，普遍适用。”不用单独开发手机网站，为企业降低了开发成本。

参考自：简述当前网页设计语言为什么选择使用html5的五大原因？_百度知道

3、怎么用？

3.1html代码初尝试

（1）用什么平台写HTML代码？

或者官网地址：https://code.visualstudio.com/

将VSCode改为中文：