HTML总体上分为两个部分,一个是头部head,一个是身体body。
<!DOCTYPE html>
<html>
<head>
<title>我的第一个HTML页面</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是我的第一个HTML页面。</p>
<img src="example.jpg" alt="示例图片">
<a href="https://www.example.com">点击这里访问示例网站</a>
</body>
</html>
-
<!DOCTYPE html>
:声明为HTML5文档,告诉浏览器使用HTML5来解析页面。 -
<html>
:HTML页面的根元素,包含了整个HTML文档。 -
<head>
:包含文档的元数据,如字符编码声明<meta charset="utf-8">
,描述文档的其他信息。 -
<title>
:定义了文档的标题,显示在浏览器标签页上和书签标题中。 -
<body>
:包含了可见的页面内容,如文本、图像、链接等。 -
<h1>
:定义一个大标题,通常是页面中最重要的标题。 -
<p>
:定义一个段落,用来展示文本和内容。
在浏览器的页面使用键盘上的 F12上 按键开启调试模式,就可以看到组成标签。
HTML的基本概念和关键要点 :
- HTML全称为“超文本标记语言”(HyperText Markup Language),是一种用于描述和组织网页内容的标记语言。
- HTML不是一种编程语言,是一种标记语言,用于描述文档结构和内容,不是执行操作或算法。
- HTML使用标记标签(markup tag)来表示不同的元素,如标题、段落、图像等。标记标签由尖括号包围,如
<h1>
,并且通常成对出现,一个是开始标签,另一个是结束标签。 - 开始标签和结束标签之间的内容被认为是该元素的内容。
- HTML文档通常由
<!DOCTYPE html>
声明开始,并包含在<html>
元素内。 -
<head>
元素用于包含文档的元数据,如标题(<title>
)、字符编码声明(<meta charset="utf-8">
)等。 -
<body>
元素用于包含可见的页面内容,如文本、图像、链接等。这些内容将在用户浏览网页时显示出来。 - HTML标签可以嵌套,即一个标签可以包含另一个标签。这样的嵌套关系形成了标记树结构,有助于定义文档的层次结构和细节。
- HTML可以与CSS(层叠样式表)和JavaScript等技术相结合,以增强页面的外观、样式和交互行为。
- 浏览器会解析HTML代码,并将其渲染成网页内容,呈现给用户进行浏览。
语法:<标签>内容</标签>
HTML 元素
"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
<p>这是一个段落。</p>