HTML 元素构成
HTML 元素是 HTML 页面的基本构建块，它由开始标签、内容和结束标签组成。
HTML 元素包含双标签元素和单标签元素：
开始标签
元素内容
结束标签
<p>
这是一个段落
<p>
<br>
换行
HTML 元素类型
HTML 凭借丰富多元的元素类型，搭建出结构清晰、内容丰富的网页。
下面为您介绍常见 HTML 元素类型：
1. 标题元素
- <h1>：最高级标题，是对页面内容的高度概括，一个页面只使用一次<h1>标签。
- <h2>：用于划分页面的主要部分或章节，一个页面根据模块可以使用多次<h2>标签。
- <h3>：是功能模块下的具体操作步骤或子功能。
- <h4>：是对子功能的更细致划分，是更深入的子标题。
- <h5>：<h5>用于进一步细化<h4>下的内容，提供更具体的信息。
- <h6>：是最低级别的标题，用于提供最详细的细节信息。
<h1>这是第一个标题</h1>
<h2>这是第二个标题</h2>
<h3>这是第三个标题</h3>
<h4>这是第四个标题</h4>
<h5>这是第五个标题</h5>
<h6>这是第六个标题</h6>2. 段落元素
在 HTML 中，<p>元素用于定义段落。
<p>这是第一个段落</p>
<p>这是第二个段落</p>
<p>这是第一个段落</p>3. 链接元素
在 HTML 中，<a>元素用于创建超链接，通过 href 属性指定链接的目标地址。
<a href="https://www.kaicz.com">这是第一个超链接</a>4. 图像元素
在 HTML 中，<img>元素用于在页面中插入图像，通过 src 属性指定图像的源文件路径。
<img src="/uploads/20250304/20250304101901.jpeg" alt="橘子" width="400" height="300"</p>- alt属性用于在图像无法显示时提供替代文本。
5. 列表元素
在 HTML 中，提供了两种类型的列表：无序列表和有序列表。
- 无序列表使用<ul>元素，列表项使用<li>元素。
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>- 有序列表使用<ol>元素，列表项使用<li>元素。
<ol>
<li>第一步</li>
<li>第二步</li>
<li>第三步</li>
</ol>HTML 元素嵌套
HTML 元素支持嵌套使用，一个元素可以嵌套其他元素，也可以被其他元素嵌套。
<div>
<h2>这是一个标题</h2>
<p>这是一个段落，包含在一个 div 元素内部。</p>
</div>在这个例子中，<h2>和<p>元素都嵌套在<div>元素内部。
HTML 元素练习
尝试创建一个简单的 HTML 页面，包含以下内容：
- 一个一级标题，显示 “我的个人网页”。
- 一个段落，介绍你自己。
- 一个无序列表，列出你喜欢的三种水果。
- 一个指向开创者网站的链接。
<h1>我的个人网页</h1>
<p>我是一名初学者，正在学习 HTML。我喜欢探索新的技术和知识。</p>
<ul>
<li>草莓</li>
<li>葡萄</li>
<li>西瓜</li>
</ul>
<a href="https://www.kaicz.com">访问开创者</a>
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
779
阅读
0
评论