📌  相关文章
📜  HTML |标签完整参考(1)

📅  最后修改于: 2023-12-03 14:41:53.834000             🧑  作者: Mango

HTML | 标签完整参考

本文将为程序员提供完整的 HTML 标签参考，包括常用的标签以及其属性和用法。

目录
HTML 简介

HTML 是用来创建网页的标记语言，由一系列 <标签> 组成。每个标签都可以包含内容或属性，并且可以嵌套在其他标签中。浏览器将 HTML 解析为可视化的页面。

HTML 常用标签

以下是一些常用的 HTML 标签及其简要介绍：

  • <html>：定义整个 HTML 文档
  • <head>：定义文档的头部区域
  • <title>：定义文档的标题
  • <body>：定义文档的主体区域
  • <h1> 到 <h6>：定义标题，从最高级到最低级
  • <p>：定义段落
  • <a>：定义链接
  • <img>：定义图像
  • <ul>：定义无序列表
  • <ol>：定义有序列表
  • <li>：定义列表项
  • <table>：定义表格
  • <tr>：定义表格行
  • <td>：定义表格单元格
  • <div>：定义文档中的区块
  • <span>：定义文档中的行内元素
  • <form>：定义表单
  • <input>：定义输入字段
  • <button>：定义按钮

更多标签的参考请查看 HTML 标签参考文档。

HTML 属性

以下是一些常用的 HTML 标签属性及其简要介绍：

  • href：定义链接目标 URL
  • src：定义图像或媒体文件的 URL
  • alt：定义图像未能显示时显示的替代文本
  • class：定义元素的类名（用于 CSS）
  • style：定义元素的样式（用于内联 CSS）
  • id：定义元素的唯一标识
  • name：定义表单元素的名称
  • value：定义输入字段的初始值
  • placeholder：定义输入字段的提示信息

更多属性的参考请查看 HTML 属性参考文档。

HTML 标签用法示例

下面是一些 HTML 标签的用法示例：

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
</head>
<body>
  <h1>欢迎来到我的网页！</h1>
  <p>这是一个示例段落。</p>
  <a href="https://example.com">点击这里访问示例链接</a>
  <img src="image.jpg" alt="示例图像">
  <ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
  </ul>
  <form>
    <input type="text" name="username" placeholder="请输入用户名">
    <input type="password" name="password" placeholder="请输入密码">
    <button type="submit">提交</button>
  </form>
</body>
</html>

以上示例代码演示了如何创建一个简单的网页，包含了标题、段落、链接、图像、列表和表单等常用的 HTML 元素。

希望本文对您学习和开发 HTML 网页有所帮助！更多详细信息和参考请访问 MDN Web 文档。