【Web前端】一文带你吃透HTML(下篇)
在HTML中,元素可以包含文本内容,也可以包含其他元素。元素通常定义文本的结构,比如标题、段落或列表项。
以下是一些常用的HTML元素:
<h1>
到<h6>
:标题元素,<h1>
表示最高级别的标题,<h6>
表示最低级别的标题。<p>
:段落元素,用于分隔文档中的文本。<a>
:链接元素,用于创建指向其他网页或当前页面其他部分的链接。<img>
:图像元素,用于插入图片。<ul>
和<li>
:无序列表元素和列表项元素,用于创建无序列表。<ol>
和<li>
:有序列表元素和列表项元素,用于创建有序列表。<div>
和<span>
:分区元素和文本容器元素,用于布局和样式的目的。
示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例页面</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="示例图片">
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>
<div>这是一个分区</div>
<span>这是一个文本容器</span>
</body>
</html>
这个示例展示了如何在HTML文档中使用不同的元素来创建一个简单的网页结构。
评论已关闭