什么是HTML?
HTML代表超文本标记语言(Hypertext Markup Language)。它是一种用于构建网页的标记语言。HTML文件包含一组标签,这些标签用于定义网页的结构和内容。浏览器读取HTML文件,并根据标记中的指示呈现网页内容。
HTML的主要作用是定义文本内容、图像、链接和其他媒体的排列方式,并提供交互元素,例如表单和按钮。
HTML的基本结构
每个HTML文档都应该遵循以下基本结构:
<!DOCTYPE html><html><head> <title>网页标题</title></head><body> <!-- 内容在这里 --></body></html>
让我们逐步解释这个结构:
<!DOCTYPE html>:这是文档类型声明,它告诉浏览器正在使用的HTML版本。<!DOCTYPE html>表示使用HTML5。
<html>:HTML文档的根元素。所有其他元素都包含在<html>标签内。
<head>:包含与文档相关的元信息,如页面标题、字符集声明和外部样式表链接。
<title>:定义网页的标题,显示在浏览器标签页上。
<body>:包含网页的主要内容,如文本、图像和其他媒体。
HTML标签和元素
HTML标签是由尖括号括起来的名称,例如<p>表示段落,<img>表示图像。标签通常成对出现,有一个开始标签和一个结束标签。例如:
<p>这是一个段落。</p>
<p>是开始标签,</p>是结束标签,文本位于两个标签之间。标签定义了元素的类型和结构。
有些HTML标签是自封闭的,不需要结束标签,例如<img>用于插入图像。
HTML注释
在HTML中,你可以使用注释来添加说明性文字,注释不会在浏览器中显示。HTML注释使用<!--开头和-->结尾,如下所示:
<!-- 这是一个注释 -->
注释通常用于添加文档说明、调试代码或标记未来的修改。
第二部分:HTML基本元素
文本
HTML中的文本通常包含在段落、标题、列表等元素中。以下是一些常见的文本元素:
<p>:定义一个段落。
<h1>到<h6>:定义标题,<h1>是最高级别的标题,<h6>是最低级别的标题。
<strong>:定义强调文本,通常以粗体显示。
<em>:定义强调文本,通常以斜体显示。
<a>:定义超链接,允许用户点击跳转到其他页面。