📜  HTML<dfn>标签<dfn>(1)

📅  最后修改于: 2023-12-03 15:01:18.850000             🧑  作者: Mango

HTML标签

HTML标签是用来定义网页结构和内容的元素。它们是HTML文档的构建块。

常用HTML标签

以下是一些常见的HTML标签:

  • <html>:定义HTML文档
  • <head>:定义文档的头部元素,包括页面信息和脚本等元素
  • <title>:定义文档的标题
  • <body>:定义文档的主体内容
  • <h1>-<h6>:定义六个不同级别的标题
  • <p>:定义段落
  • <a>:定义链接
  • <img>:定义图片
  • <ul>:定义无序列表
  • <ol>:定义有序列表
  • <li>:定义列表项
  • <div>:定义文档中的一个区域
  • <span>:定义文本中的一个区域
  • <table>:定义表格
  • <tr>:定义表格中的行
  • <td>:定义表格中的单元格
  • <form>:定义表单
  • <input>:定义表单中的输入框
  • <button>:定义按钮
  • <script>:定义JavaScript程序
  • <style>:定义文档的样式信息
使用HTML标签

HTML标签可以通过以下方式使用:

<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
  </head>
  <body>
    <h1>Welcome to my web page</h1>
    <p>This is the paragraph</p>
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
    <img src="image.jpg" alt="My Image">
    <form>
      <label for="name">Name:</label>
      <input type="text" id="name" name="name"><br><br>
      <label for="email">Email:</label>
      <input type="email" id="email" name="email"><br><br>
      <button type="submit">Submit</button>
    </form>
  </body>
</html>

在上面的例子中,我们使用了<html><head><title><body><h1><p><ul><li><img><form><label><input><button>标签来创建一个简单的网页。我们还使用了src属性来指定图片和for属性来关联标签和元素。

总结

HTML标签是创建Web页面的必要元素。通过使用HTML标签,可以定义Web页面的结构、内容和布局。在开发网页时,了解和熟练掌握常用的HTML标签非常重要。