上一篇: HTML与其他网页技术

下一篇: HTML 标签

HTML 元素

HTML 元素是构成一个网页的基本单元,它们使用尖括号(<>)包裹的标签表示。每个元素通常由开始标签、内容和结束标签组成,有些特殊元素(如图像、换行等)只需一个自闭合标签即可。下面列举了一些常见的 HTML 元素及其代码示例:

  • 标题 (<h1> ~ <h6>)
    • 标题元素表示页面中的 6 级标题,其中 <h1> 是最高级(最重要),<h6> 是最低级(最不重要)。
    • 示例代码:
                    

一级标题

二级标题

三级标题

段落 (<p>)

  • 段落元素用于表示文本内容的一个段落。
  • 示例代码:
                    

这是一个段落。这里的文字会自动换行并保持一定的间距。

链接 (<a>)

  • 链接元素用于在网页上创建超链接,可以链接到其他网页、文件或电子邮件地址等。
  • 示例代码:
                    访问 Example 网站
                

图像(<img>)

  • 图像元素用于在网页上嵌入图片。src 属性表示图片的来源,alt 属性为图片提供替代性描述(如图片无法显示时)。
  • 示例代码:
                    风景图片
                

列表

  • 有序列表 (<ol>) 和无序列表 (<ul>) 分别表示数字排序和项目符号列表。列表项使用 <li> 标签表示。
  • 示例代码:
                    
  • 无序列表项 1
  • 无序列表项 2
  1. 有序列表项 1
  2. 有序列表项 2

表格(<table>)

  • 表格元素用于创建表格,包括行(<tr>)、表头单元格(<th>)和表格单元格(<td>)等子元素。
  • 示例代码:
                    
表头 1 表头 2
单元格 1,1 单元格 1,2

表单(<form>)

  • 表单元素用于收集用户输入,可以包含文本框(<input type="text">)、单选按钮(<input type="radio">)、复选框(<input type="checkbox">)等表单控件。
  • 示例代码:
                    


这些 HTML 元素只是冰山一角,实际上还有很多其他元素。但通过学习和掌握这些常用的基本元素,你可以创建一个简单且具有基本功能的网页。不断地尝试和了解更多 HTML 元素将帮助你成为一名优秀的前端开发者或网页设计。