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 的常用元素及其属性。