HTML基本标签详解

embedded/2024/12/22 20:20:04/

HTML基本标签详解

HTML(超文本标记语言)是构建网页的基础,以下是一些常用的 HTML 基本标签及其详细说明:

  1. <html>

    • 定义:整个 HTML 文档的根元素。
    • 示例
      html"><html lang="zh">
      
  2. <head>

    • 定义:文档的头部,包含元数据(如标题、字符集、样式等)。
    • 示例
      html"><head><meta charset="UTF-8"><title>文档标题</title>
      </head>
      
  3. <title>

    • 定义:文档的标题,显示在浏览器的标题栏或标签页上。
    • 示例
      html"><title>我的网页</title>
      
  4. <body>

    • 定义:文档的主体,包含可见的内容。
    • 示例
      html"><body><h1>欢迎来到我的网页</h1>
      </body>
      
  5. <h1> - <h6>

    • 定义:定义标题,从最重要的标题(<h1>)到最不重要的标题(<h6>)。
    • 示例
      html"><h1>主标题</h1>
      <h2>副标题</h2>
      
  6. <p>

    • 定义:定义段落。
    • 示例
      html"><p>这是一个段落。</p>
      
  7. <a>

    • 定义:定义超链接,用于跳转到其他页面或位置。
    • 示例
      html"><a href="https://www.example.com">访问示例网站</a>
      
  8. <img>

    • 定义:定义图像,用于在页面中插入图片。
    • 示例
      html"><img src="image.jpg" alt="描述文本">
      
  9. <ul>

    • 定义:定义无序列表。
    • 示例
      html"><ul><li>项目一</li><li>项目二</li>
      </ul>
      
  10. <ol>

    • 定义:定义有序列表。
    • 示例
      html"><ol><li>第一项</li><li>第二项</li>
      </ol>
      
  11. <li>

    • 定义:定义列表项。
    • 示例
      html"><li>列表项</li>
      
  12. <table>

    • 定义:定义表格。
    • 示例
      html"><table><tr><td>单元格1</td><td>单元格2</td></tr>
      </table>
      
  13. <tr>

    • 定义:定义表格的行。
    • 示例
      html"><tr><td>行1单元格1</td><td>行1单元格2</td>
      </tr>
      
  14. <td>

    • 定义:定义表格的数据单元格。
    • 示例
      html"><td>数据</td>
      
  15. <div>

    • 定义:定义文档的分区或容器,常用于布局。
    • 示例
      html"><div><h2>分区标题</h2><p>分区内容</p>
      </div>
      
  16. <span>

    • 定义:定义文本的一部分,用于设置样式或标记特定的内容。
    • 示例
      html"><span style="color:red;">红色文本</span>
      
  17. <br>

    • 定义:定义换行。
    • 示例
      html"><p>第一行<br>第二行</p>
      
  18. <hr>

    • 定义:定义水平线,通常用于分隔内容。
    • 示例
      html"><hr>
      
  19. <form>

    • 定义:定义表单,用于收集用户输入。
    • 示例
      html"><form action="/submit" method="post"><input type="text" name="username"><input type="submit" value="提交">
      </form>
      
  20. <input>

    • 定义:定义输入字段,如文本框、复选框、单选框等。
    • 示例
      html"><input type="text" placeholder="请输入内容">
      

结论

以上是一些常见的 HTML 基本标签,它们是构建网页的基础。了解这些标签的用法,可以帮助您更有效地创建和设计网页。


http://www.ppmy.cn/embedded/147904.html

相关文章

day04

1.if(表达式) 表达式的最终值为什么类型&#xff1f; 布尔类型 2.多重if用来处理什么样的情况&#xff1f; 通常用于处理某个值处于连续的区间的情况 3.多重if中的else必须写吗 不是必须写 根据需求是否书写 4.Scanner类接收整数&#xff0c;浮点数&#xff0c;字符串分别使用哪…

Redis应用缓存框架

1.Ehcache缓存框架 (1)Ehcache的核心对象 (2)单独使用Ehcache (3)Spring整合Ehcache (4)Spring Boot整合Ehcache (5)实际工作中如何使用Ehcache 2.Guava Cache缓存框架 (1)Guava Cache具有如下功能 (2)Guava Cache的主要设计思想 (3)Cuava Cache的优势 (4)Cuava Cach…

【老白学 Java】泛型应用 - 卡拉 OK(四)

泛型应用 - 卡拉 OK&#xff08;四&#xff09; 文章来源&#xff1a;《Head First Java》修炼感悟。 上文说到&#xff0c;解决了按歌名排序的问题后&#xff0c;老白立刻想到了按歌手名字排序的问题。 老白决定趁热打铁&#xff0c;尝试着实现自定义排序方式。 Collections…

macOS brew安装

brew 可以用命令在mac上安装、卸载、更新各种软件包。它是一个用ruby写的软件&#xff0c;软件是托管在github上的。 1、安装brew&#xff0c;一般选择清华源&#xff0c;如果之前安装过brew&#xff0c;执行下面命令时会自动备份old_homebrew&#xff0c;按照操作执行即可&…

workman服务端开发模式-GatewayWorker的使用

一、GatewayWorker介绍 Workerman是一个使用PHP开发的高性能组件&#xff0c;用于构建高性能的异步并发TCP、UDP、Unix Socket、HTTP、Websocket服务。 GatewayWorker是基于Workerman开发的一套TCP长连接的应用框架&#xff0c;实现了单发、群发、广播等接口&#xff0c;内置了…

基于SIFT的目标识别算法

基于SIFT&#xff08;Scale-Invariant Feature Transform&#xff09;的目标识别算法是一种经典的计算机视觉算法&#xff0c;用于在图像中寻找和匹配具有尺度不变性的特征点&#xff0c;从而实现目标的快速而准确的识别。 SIFT算法的主要步骤包括以下几个阶段&#xff1a; 尺…

LLaMA-Factory 单卡3080*2 deepspeed zero3 微调Qwen2.5-7B-Instruct

环境安装 git clone https://gitcode.com/gh_mirrors/ll/LLaMA-Factory.git 下载模型 pip install modelscope modelscope download --model Qwen/Qwen2.5-7B-Instruct --local_dir /root/autodl-tmp/models/Qwen/Qwen2.5-7B-Instruct 微调 llamafactory-cli train \--st…

Day55 | 灵神 | 相向双指针:盛最多水的容器接雨水

Day55 | 灵神 | 相向双指针&#xff1a;盛最多水的容器&&接雨水 盛最多水的容器 接雨水_哔哩哔哩_bilibili 文章目录 Day55 | 灵神 | 相向双指针&#xff1a;盛最多水的容器&&接雨水11.盛最多水的容器42.接雨水优化&#xff1a;双指针做法 11.盛最多水的容器…