Bootstrap

HTML标签总结

HTML(超文本标记语言)是用来创建网页的标准标记语言。以下是一些常用的HTML标签及其用途的总结:

1. 基本结构标签

  • <!DOCTYPE html>: 定义文档类型为HTML5。
  • <html>: 根标签,包含所有HTML内容。
  • <head>: 包含元数据(meta-data),如文档标题、字符集、样式、脚本等。
  • <title>: 定义文档标题,在浏览器标签中显示。
  • <body>: 定义文档主体,包含可见内容。

2. 文本格式化标签

  • <h1><h6>: 定义标题,<h1>最大,<h6>最小。
  • <p>: 定义段落。
  • <br>: 插入换行符。
  • <hr>: 插入水平线。
  • <strong>: 定义加粗文本。
  • <em>: 定义斜体文本。
  • <blockquote>: 定义引用的文本块。
  • <pre>: 定义预格式化文本,保留空格和换行。

3. 链接与媒体标签

  • <a>: 定义超链接。
    <a href="https://www.example.com">Example</a>
  • <img>: 插入图片。
    <img src="image.jpg" alt="描述文字">
    
  • <video>: 插入视频。
    <video src="video.mp4" controls></video>

  • <audio>: 插入音频。
    <audio src="audio.mp3" controls></audio>

4. 列表标签

  • <ul>: 定义无序列表。
     
    <ul> <li>项目1</li> <li>项目2</li> </ul>

  • <ol>: 定义有序列表。
    <ol> <li>项目1</li> <li>项目2</li> </ol>

  • <li>: 定义列表项。

5. 表格标签

  • <table>: 定义表格。
  • <tr>: 定义表格行。
  • <td>: 定义表格单元格。
  • <th>: 定义表格头部单元格。
  • <thead>: 定义表格头部。
  • <tbody>: 定义表格主体。
  • <tfoot>: 定义表格尾部。

6. 表单标签

  • <form>: 定义表单。
  • <input>: 定义输入控件。
    <input type="text" name="username">

  • <textarea>: 定义多行文本输入控件。
    <textarea name="message"></textarea>

  • <button>: 定义按钮。
    <button type="submit">提交</button>

  • <select>: 定义下拉列表。
    <select name="options"> <option value="1">选项1</option> <option value="2">选项2</option> </select>

7. 语义标签

  • <header>: 定义页面或部分的头部。
  • <nav>: 定义导航链接。
  • <section>: 定义文档中的节。
  • <article>: 定义独立的内容块。
  • <aside>: 定义侧边内容。
  • <footer>: 定义页面或部分的底部。

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;