📅  最后修改于: 2023-12-03 15:11:32.512000             🧑  作者: Mango
HTML(Hypertext Markup Language)是用于创建网页的标准标记语言。HTML文件可以包含文本、图像、音频、视频、表格、表单等元素。在本篇文章中,我们将介绍 HTML 的基本语法和常见的元素。
HTML 代码由标签(tag)和内容组成。标签是用尖括号(<>)包括的关键词,例如 <html>
和 <body>
。标签通常是成对出现的,分别有开始标签和结束标签,结束标签在标签名前加上斜杠(/),例如 <html>
和 </html>
。在开始标签中,可以添加属性(attribute)来指定元素的属性,例如在 <img>
标签中,可以添加 src
属性来指定图片的 URL。
下面是一个简单的 HTML 文件的结构:
<!DOCTYPE html>
<html>
<head>
<title>这是一个网页标题</title>
</head>
<body>
<h1>这是一个网页主标题</h1>
<p>这是一个段落。</p>
</body>
</html>
在这个代码片段中,<!DOCTYPE html>
指定文档类型为 HTML5。<html>
标签是 HTML 文档的根元素,<head>
标签包含了关于文档的元信息,例如页面标题。<body>
标签包含了页面的主要内容,其中包括一个一级标题 (<h1>
) 和一个段落 (<p>
)。
元素是指标签和标签中的内容组成的整体。下面是一些常见的 HTML 元素:
<h1>
到 <h6>
:六个级别的标题<p>
:段落<a>
:链接<img>
:图片<ul>
和 <ol>
:无序列表和有序列表<li>
:列表项<table>
:表格<tr>
:表格行<td>
:表格单元格<form>
:表单<input>
:表单输入框需要注意的是,HTML 元素可以嵌套,例如下面的代码片段中,<ul>
元素包含了两个列表项 (<li>
),每个列表项又包含了一个链接 (<a>
)。
<ul>
<li><a href="#">链接1</a></li>
<li><a href="#">链接2</a></li>
</ul>
属性是指标签中的特定值,用于指定元素的属性。例如,在 <a>
标签中,href
属性指定了链接的 URL:
<a href="https://www.baidu.com">百度</a>
需要注意的是,属性必须放在开始标签中,并且以名称="值"的形式指定,属性名称和值之间用等号(=)连接,属性值必须用引号(")或单引号(')括起来。
本文介绍了 HTML 的基本语法和常见元素及属性。HTML 是 Web 开发中不可或缺的一部分,其他相关技术包括 CSS(层叠样式表)和 JavaScript。了解 HTML 的基础知识对于学习 Web 开发非常重要。