HTML常用标签

最新推荐文章于 2024-05-16 09:53:58 发布

yong-勇-元-

最新推荐文章于 2024-05-16 09:53:58 发布

阅读量177

点赞数

文章标签： html css 前端

本文链接：https://blog.csdn.net/weixin_45498623/article/details/108455904

版权

本文介绍了HTML中最常用的排版标签如标题h1-h6、段落p、水平线hr、换行br，以及div和span的布局特性。同时涵盖了图像img、链接a的使用，以及注释的添加。重点讲解了它们在网页结构和样式中的应用。

摘要由CSDN通过智能技术生成

删除线格式 ## 普歌-智音团队-HTML常用标签
HTML和CSS是两种完全不同的语言，我们学的是结构，就只写HTML标签，认识标签就可以了。不会再给结构标签指定样式了。

HTML标签有很多，这里我们学习最为常用的，后面有些较少用的，我们可以查下手册就可以了。

排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即

<h1>   标题文本   </h1>
<h2>   标题文本   </h2>
<h3>   标题文本   </h3>
<h4>   标题文本   </h4>
<h5>   标题文本   </h5>
<h6>   标题文本   </h6>

显示效果如下：

小结 :

作用语义：

可以把 HTML 文档分割为若干段落

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

<p>  文本内容  </p>

是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，<hr />就是创建横跨网页水平线的标签。其基本语法格式如下：

<hr />是单标签

在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签

<br />

div span 是没有语义的是我们网页布局主要的2个盒子
语法格式：

<div> 这是头部 </div>    
<span>今日价格</span>

小结

tab
区别：

b 只是加粗 strong 除了可以加粗还有强调的意思，语义更强烈。

<img src="图像URL" />

图片标签属性

<a href="跳转地址" target="目标窗口的弹出方式">文本或图像</a>

注意：

注释标签
在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。
语法格式：

 <!-- 注释语句 -->     快捷键是：    ctrl + /       或者 ctrl +shift + /

注意
注释是给人看的，目的是为了更好的解释这部分代码是干啥的，程序是不执行这个代码的