📅  最后修改于: 2023-12-03 14:41:57.568000             🧑  作者: Mango
HTML(Hyper Text Markup Language)是一种用于创建网页的标记语言。在 HTML 中,页面中的内容以标签编写,标签意味着将要呈现的内容的不同部分。本文将介绍一些 HTML 中最基础的标签。
HTML 文件以 <!DOCTYPE html>
开始。此行指示浏览器使用 HTML5 进行渲染。
<!DOCTYPE html>
在 <!DOCTYPE>
下面的第一个标签始终是 <html>
。其中,<html>
元素是 HTML 页面中的根元素。您可以将所有其他元素放入其中。此标记包括 lang 属性,其中包括其内容的语言。
<html lang="en">
在 <html>
标记下,有两个必需的元素: <head>
和 <body>
。
<head>
元素包含所有的头部标签元素,如 <title>
,以及其他元数据(meta data),如 <meta charset="UTF-8">
。
<head>
<meta charset="UTF-8">
<title>Page Title</title>
</head>
<body>
元素包含可见页面上的所有内容,如文本、图像、音频、视频、表单等。
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
HTML 有许多文本标签,这里只介绍一些常用的。
<h1>-<h6>
标签<h1>-<h6>
标签用于定义标题。<h1>
定义最重要的标题,而 <h6>
定义最不重要的标题。
<h1>这里是标题1</h1>
<h2>这里是标题2</h2>
<h3>这里是标题3</h3>
<h4>这里是标题4</h4>
<h5>这里是标题5</h5>
<h6>这里是标题6</h6>
<p>
标签<p>
标签用于定义段落。
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<br>
标签<br>
标签用于在页面中插入一个换行符。
<p>第一行<br>第二行</p>
<a>
标签<a>
标签用于定义超链接。通过在 href 属性中设置 URL,您可以创建指向其他文档、页面、图片、视频、音频等的链接。
<a href="http://www.example.com">访问示例网站</a>
HTML 的 <img>
标签用于在页面中嵌入图像。 src 属性定义要显示的图像的 URL。
<img src="image.jpg" alt="描述图像的文字">
HTML 有两种列表:无序列表和有序列表。
无序列表使用 <ul>
标记。
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
有序列表使用 <ol>
标记。
<ol>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ol>
本文所介绍的是 HTML 中最基础的标签。在实际开发中,HTML 中有很多标签和属性,需要根据实际需要进行选择和使用。