【HTML5】->初识HTML->HTML简单介绍&HTML5基本元素讲解

最新推荐文章于 2025-03-04 17:59:34 发布

_为光

最新推荐文章于 2025-03-04 17:59:34 发布

阅读量6.6k

点赞数 30

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/qq_45627684/article/details/104397453

版权

HTML5 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了HTML的基本概念，从HTML的历史发展到HTML5的最新版本，阐述了HTML5的三大核心技术——HTML5核心规范、CSS和JavaScript。同时，讲解了HTML5环境的搭建，推荐了Sublime等编辑器，并详细解释了HTML5的基本元素，包括文档结构、标题、元信息和内容的编写。最后，通过实例展示了如何创建一个简单的HTML程序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML边缘探索

Ⅰ HTML简介

超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言（markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

超文本就是指页面内可以包含图片，链接，甚至音乐、程序等非文字元素。

Ⅱ HTML到HTML5----HTML发展历史

超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布过时。
HTML 3.2——1997年1月14日，W3C推荐标准。
HTML 4.0——1997年12月18日，W3C推荐标准。
HTML 4.01(微小改进)——1999年12月24日，W3C推荐标准。
HTML 5——2014年10月28日，W3C推荐标准。

Ⅲ HTML5简介

HTML5是HTML规范的最新版本
是一系列用来制作现代富Web内容的相关技术的总称
最重要的三项技术：
1. HTML5核心规范
1. CSS(层叠样式表) (设计网页的脚步)
1. JavaScript （设置网页的动态功能）

HTML5新特性：

引入原生多媒体支持（不需要Flash插件也可以播放视频）
引入可编程内容
引入语义Web

Ⅳ HTML5环境

只要你的电脑上有浏览器，就可以运行HTML的文件。至于编写程序的环境，我建议用Sublime，我写代码一直用的Sublime，美观且方便。但是其实你用记事本也可以写HTML的程序。
如果要用专业版的，我建议在www.jetbrains.com下载下面这个软件，右边的那个版本Ultimate。
在这里插入图片描述

Ⅴ HTML5基本元素介绍

我用Sublime举例子。当你在html文件里，敲<ht时会出现下面这个情况👇
在这里插入图片描述
这时候你直接敲回车，就会自动出现下面的东西👇

下面我们逐行讲起这几个元素。

<!DOCTYPE html>

作用：让浏览器得知自己要处理的内容是html
这行代码识别html文件的重要标识，现在有所改进，如果你不写这行代码，依旧能识别，但是作为一个好习惯的编程者，一定要按照格式写这行代码。

<html>

这个和末尾的</html>相对应，是文档中html部分开始和结束的地方。html后还可以加这样的内容👇
在这里插入图片描述
lang是语言的简写，en为英语，意为把文件内容翻译成英文，如果你用的是谷歌的话，可能会用到这个。

zh为简体中文，默认格式就是简体中文，所以这个语句可写可不写。

<head>

和<html>一样，head也有对应的结束部分</head>，中间的内容就是提供有关文档内容和标注信息的

	<title></title>

是网页的标题，两个title中可以添加自己想要的标题。这是head的内容里一个元素，还有另一种情况👇
在这里插入图片描述

<meta charset="utf-8">

就是文件的编码格式，如果编码格式有误，可能会出现中文乱码的情况。这个语句也是可写可不写，其默认编码格式就是utf-8。

接下来说最后一个部分。<body>和</body>相对应，中间的内容即为写入网页的内容。

关于对语句的注释，html的方法是选中语句，Ctrl + /，就可以将整行注释了。同样按住Ctrl + /可以取消注释。
如果要对一行里的语句进行注释，需要按住Ctrl + Shift + /。
然后就是不便捷的方法，，在中间的内容就是被注释掉的内容。

Ⅵ 写一个最简单的HTML程序

首先，我们需要建立一个文本文件，将其扩展名改名为html，在这里我多加一句，我建议大家别的编程的程序，也这样做，比如说C语言，你可以建立一个C语言练习的文件夹，需要写程序就在里面建立文本文件。

在这里插入图片描述
然后我们起一个名字，并将扩展名改变。

可以看到图标已经改变了。
接下来我们用编辑器打开，做一个简单的程序。

<!DOCTYPE html>
<html>
<head>
	<title>TYZ 4EVER YZH</title>
</head>
<body>
小袁同学是这个世界上最好的女孩嘛？
<h1>Hell yeah</h1>
</body>
</html>

然后保存，我们再打开这个文件。

<h1></h1>

可以将><中间的内容放大，如果你写博客的话，也会发现这个在CSDN中是同样的效果。
在这里插入图片描述
以下为文件打开后的内容👇

于是我们就完成了一个最简单的html程序的编写。