HTML文档由各种不同类型的元素组成,它们是构成网页的基本单元。
元素可以理解为网页中的各种内容块。比如标题、段落、图像等。
1. 基础语法
开始标签和结束标签
-
HTML 元素通常由开始标签和结束标签组成。开始标签用于定义元素的开始,结束标签用于定义元素的结束。
-
开始标签由尖括号
<
和>
包围,例如:<p>。
-
结束标签与开始标签类似,但在元素名称之前添加了一个斜杠
/
,例如:</p>。
元素名称
元素名称是标签中的文字部分,用于指示元素的类型,通常是小写字母。
元素内容
元素的内容位于开始标签和结束标签之间,这是元素表示的实际内容。
属性
HTML 元素可以拥有属性,属性提供了有关元素的额外信息。
属性总是位于开始标签中,并以名称/值对
的形式出现。
属性的格式为:属性名称="属性值"
。
嵌套
元素可以嵌套,即一个元素可以包含另一个元素。
2. 示例代码
让我们来看一个简单的HTML元素示例:
<a href="https://www.example.com" title="Visit Example Website">Click here </a>
在这个例子中:
-
a
是元素名称。
-
<a>
是开始标签,它指示这是一个超链接的开始。
-
</a>
是结束标签,它指示这个超链接的结束。
-
Click here
是超链接的元素内容。
-
href
是用于指定超链接目标地址的属性。
我们看一个嵌套示例:
<div>
<h1>This is a heading</h1>
<p>This is a paragraph inside a div.</p>
</div>
在这个例子中,<div>
元素包含了一个 <h1>
元素和一个 <p>
元素。
元素之间相互嵌套,可以实现功能复杂的页面。