怎么写html5文档第一个html5文档

本文链接：https://blog.csdn.net/jqwei2/article/details/102940501

本文介绍了HTML的基础知识，包括HTML文档的结构、标签、元素和Web浏览器的作用。通过示例，指导读者如何使用编辑器创建第一个HTML5文档，涉及DOCTYPE声明、html、head、title、body、h1、p、img和a标签的使用。

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

什么是html文档：

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

什么是标签：

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

什么是元素：

HTML 元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签，如下实例:

HTML 元素:

内容

标签元素的语法介绍参考

web浏览器：

Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。

浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户。

html 文档的结构：

在这里插入图片描述
其中白色区域就是我们可以在浏览器看到的内容

下面我们来写我们的第一个文档，打开电脑里面的编辑工具（notepad++、sublime等编辑工具参考html编辑工具，或者系统自带的编辑器，但是保存的时候需要以html为后缀），输入以下内容：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>这是浏览器中的标题</title>
</head>
<body>
<h1>这是内容中的第一段标题(h1)</h1>
<h2>这是内容中的第一段标题(h2)</h2>
<h3>这是内容中的第一段标题(h3)</h3>
<p>这是第一段内容</p>

<img src="tomcat123.png" width="50" height="100" />
<img src="http://xxx/123.png" width="250" height="500" />
<a href="http://baidu.com">百度一下</a>
</body>
</html>

!DOCTYPE html :这是整个文档的第一个标签，后面的html表明此文档是一个html5文档，不区分大小写，如果是H5之前的版本（html4.01）有不同的书写格式
html:这是html文档的根元素，html文档的所有元素都包含在里面
head：头标签，里面可以含有字符编码以及在浏览器中显示的标题（注需要表明文档的编码格式，否则会出现乱码问题，如不标明为utf-8，使用safari浏览器时会出现乱码问题）
title：标题元素，此内容在浏览器的标题栏显示
body：要显示给用户的内容需要在此元素内编写
h1：标题元素，定义一个大标题，h1-h6 对应了6级标题
p:段落元素，内部为显示的段落内容
img:图像元素，显示图片使用，图片可以是本地的图片，也可以是网络中的一个图片
a:按钮属性，点击之后可以跳转到对应的链接地址或者定位到页面中的某个元素

如上代码显示内容网页如下：
在这里插入图片描述