HTML(HyperText Markup Language)是用于创建网页结构的标记语言。在 HTML 中,元素是构成网页内容的基本单位。每个元素由一个开始标签和一个结束标签组成,并可以包含文本内容、其他元素或属性。
基本元素
1. <html>
<html> 元素是 HTML 文档的根元素,所有其他元素都应该包含在 <html> 元素内部。
示例代码:
-- -------------------- ---- -------
--------- -----
------
------
--------- ---------------
-------
------
---------- -----------
------- -- -- ----- ------------
-------
-------2. <head>
<head> 元素用于包含文档的元数据,如标题、样式表和脚本。
示例代码:
<head> <title>My Webpage</title> <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> </head>
3. <title>
<title> 元素用于定义文档的标题,显示在浏览器标签栏中。
示例代码:
<title>My Webpage</title>
4. <body>
<body> 元素用于包含文档的主要内容,如文本、图像和链接。
示例代码:
<body> <h1>Hello, World!</h1> <p>This is my first webpage.</p> </body>
块级元素与内联元素
1. 块级元素
块级元素在页面中以块的形式展示,会独占一行或一块空间。
常见的块级元素包括 <div>、<p>、<h1> 等。
示例代码:
<div> <h1>Hello, World!</h1> <p>This is a paragraph.</p> </div>
2. 内联元素
内联元素在页面中以行内的形式展示,不会独占一行,可以与其他元素在同一行显示。
常见的内联元素包括 <span>、<a>、<strong> 等。
示例代码:
<p>This is a <span style="color: red;">red</span> word.</p>
以上是 HTML 元素的基本介绍,下一节将介绍 HTML 的常用元素及其属性。