HTML常用标签有哪些？

html标签

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。在HTML中，有许多常用的标签，它们用于定义网页的结构和内容。以下是一些常用的HTML标签，以及一个示例HTML文件，该文件展示了这些标签的使用。

常用HTML标签

  1. <html>: 定义整个HTML文档。
  2. <head>: 包含文档的元信息，如标题、字符集、样式表链接等。
  3. <title>: 定义文档的标题，显示在浏览器的标题栏或标签页上。
  4. <body>: 包含可见的页面内容，如文本、图像、链接、列表、表格等。
  5. <h1> - <h6>: 定义六个不同级别的标题，<h1> 是最大的，<h6> 是最小的。
  6. <p>: 定义段落。
  7. <a>: 定义超链接。
  8. <img>: 定义图像。
  9. <ul>, <ol>, <li>: 分别定义无序列表、有序列表和列表项。
  10. <div>: 定义块级容器元素，常用于布局和样式化。
  11. <span>: 定义行内元素，常用于对文本进行部分样式化。
  12. <form>, <input>, <button>: 分别定义表单、输入字段和按钮。

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <title>HTML常用标签示例</title>  
    <style>  
        /* 简单的CSS样式 */  
        body {  
            font-family: Arial, sans-serif;  
            margin: 20px;  
        }  
        h1 {  
            color: darkblue;  
        }  
        p {  
            font-size: 16px;  
        }  
    </style>  
</head>  
<body>  
    <h1>HTML常用标签示例</h1>  

    <a href="https://www.graphanywhere.com" target="_blank">图形开发学院</a> 

    <p>这是一个段落。</p>  

    <a href="https://www.graphanywhere.com" target="_blank"><img src="image/2.jpg" alt="示例图片" width="600px" > </a> 
 
  
    <ul>  
        <li>列表项1</li>  
        <li>列表项2</li>  
        <li>列表项表头2</li>
    </ul>

    <div>  
        <span>这是一个行内元素示例。</span>  
    </div>  


  
    <form action="" method="post">  
        <input type="text" name="username" placeholder="用户名">  
        <button type="submit">提交</button>  
    </form>  
</body>  
</html>

这个示例文件展示了如何使用上面提到的一些常用HTML标签来创建一个简单的网页。它包含了标题、段落、链接、图像、列表、表格、块级和行内元素，以及一个表单。注意，实际的网页开发通常还会涉及到CSS样式、JavaScript交互以及后端逻辑等更复杂的部分。

上一篇：HTML5新特性有哪些？

下一篇：HTML支持播放视频、音频吗？