在HTML文档中,一切内容都是通过元素来展示的。HTML元素主要包含标签、属性和元素内容。
1.2.1 标签
HTML标签用于定义HTML文档中的元素。标签由尖括号包围,如 <p>
、<div>
、<img>
等,大部分HTML元素具有开始标签和结束标签,结束标签在标签名前添加斜线/
。
例如:
<p>This is a paragraph.</p>
<div>This is a div element.</div>
1.2.2 属性
HTML元素可以有属性,属性提供关于元素的更多信息。属性总是在HTML元素的开始标签中规定,且总是以名称/值对的形式出现,如 name="value"
。
例如:
<a href="https://www.example.com">This is a link</a>
<img src="image.jpg" alt="Image description">
1.2.3 常用HTML标签
以下是一些常用的HTML标签:
<h1>
到<h6>
:定义标题。<p>
:定义段落。<a>
:定义超链接。<img>
:定义图像。<br>
:定义简单的折行。<ul>
、<ol>
和<li>
:定义列表。<table>
、<tr>
和<td>
:定义表格。<div>
:定义文档区块。
例如:
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<a href="https://www.example.com">This is a link</a>
<img src="image.jpg" alt="Image description">
<br>
<ul>
<li>First item</li>
<li>Second item</li>
</ul>
<table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
<div>This is a div element.</div>
了解这些基本元素和标签是开始学习HTML的重要步骤。在接下来的课程中,我们将详细介绍如何使用这些标签创建更复杂的网页布局。