前端---初始常用的 html 标签

1. 常用的 html 标签

<!-- 1、成对出现的标签:-->

<h1>h1标题</h1>
<div>这是一个div标签</div>
<p>这个一个段落标签</p>


<!-- 2、单个出现的标签: -->
<br>
<img src="images/pic.jpg" alt="图片">
<hr>

<!-- 3、带属性的标签,如src、alt 和 href等都是属性 -->
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>

<!-- 4、标签的嵌套 -->
<div>
    <img src="images/pic.jpg" alt="图片">
    <a href="http://www.baidu.com">百度网</a>
</div>

提示:

  1. 标签不区分大小写,但是推荐使用小写。
  2. 根据标签的书写形式,标签分为双标签(闭合标签)和单标签(空标签)
    2.1 双标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,比如: div标签
    2.2 单标签是一个标签组成,没有标签内容, 比如: img标签

2. 小结

  • 学习 html 语言就是学习标签的用法,常用的标签有20多个。
  • 编写 html 标签建议使用小写
  • 根据书写形式,html 标签分为双标签和单标签
  • 单标签没有标签内容,双标签可以嵌套其它标签和承载文本内容

相关推荐

  1. 前端---初始常用 html 标签

    2023-12-25 06:22:01       64 阅读
  2. 常见 HTML 标准

    2023-12-25 06:22:01       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-25 06:22:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-25 06:22:01       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-25 06:22:01       82 阅读
  4. Python语言-面向对象

    2023-12-25 06:22:01       91 阅读

热门阅读

  1. List 流的使用

    2023-12-25 06:22:01       51 阅读
  2. 【Python】Python 批量转换PDF到Excel

    2023-12-25 06:22:01       54 阅读
  3. UE 动画系统框架介绍及使用

    2023-12-25 06:22:01       59 阅读
  4. python入门实战经典15题

    2023-12-25 06:22:01       47 阅读
  5. SpringBoot Gateway整合过程中的问题

    2023-12-25 06:22:01       78 阅读
  6. Spring DefaultListableBeanFactory源码分析

    2023-12-25 06:22:01       52 阅读
  7. Python jupyter notebook 自定义魔术方法

    2023-12-25 06:22:01       50 阅读
  8. conda镜像源,Jupyter内核配置

    2023-12-25 06:22:01       56 阅读
  9. EtherCAT主站SOEM -- 11 -- EtherCAT从站 XML 文件解析

    2023-12-25 06:22:01       48 阅读