上一篇: HTML与其他网页技术
下一篇: HTML 标签
HTML 元素
HTML 元素是构成一个网页的基本单元,它们使用尖括号(<
和 >
)包裹的标签表示。每个元素通常由开始标签、内容和结束标签组成,有些特殊元素(如图像、换行等)只需一个自闭合标签即可。下面列举了一些常见的 HTML 元素及其代码示例:
- 标题 (
<h1>
~<h6>
)- 标题元素表示页面中的 6 级标题,其中
<h1>
是最高级(最重要),<h6>
是最低级(最不重要)。 - 示例代码:
- 标题元素表示页面中的 6 级标题,其中
一级标题
二级标题
三级标题
段落 (<p>
)
- 段落元素用于表示文本内容的一个段落。
- 示例代码:
这是一个段落。这里的文字会自动换行并保持一定的间距。
链接 (<a>
)
- 链接元素用于在网页上创建超链接,可以链接到其他网页、文件或电子邮件地址等。
- 示例代码:
访问 Example 网站
图像(<img>
)
- 图像元素用于在网页上嵌入图片。
src
属性表示图片的来源,alt
属性为图片提供替代性描述(如图片无法显示时)。 - 示例代码:
列表
- 有序列表 (
<ol>
) 和无序列表 (<ul>
) 分别表示数字排序和项目符号列表。列表项使用<li>
标签表示。 - 示例代码:
- 无序列表项 1
- 无序列表项 2
- 有序列表项 1
- 有序列表项 2
表格(<table>
)
- 表格元素用于创建表格,包括行(
<tr>
)、表头单元格(<th>
)和表格单元格(<td>
)等子元素。 - 示例代码:
表头 1 | 表头 2 |
---|---|
单元格 1,1 | 单元格 1,2 |
表单(<form>
)
- 表单元素用于收集用户输入,可以包含文本框(
<input type="text">
)、单选按钮(<input type="radio">
)、复选框(<input type="checkbox">
)等表单控件。 - 示例代码:
这些 HTML 元素只是冰山一角,实际上还有很多其他元素。但通过学习和掌握这些常用的基本元素,你可以创建一个简单且具有基本功能的网页。不断地尝试和了解更多 HTML 元素将帮助你成为一名优秀的前端开发者或网页设计。