NO.4 继续HTML之路-优快云博客

本文链接：https://blog.youkuaiyun.com/CallMeQiuqiuqiu/article/details/53396854

本文介绍了HTML中的基础标签，包括H系列标题标签、水平分割线标签<hr>、图片标签<img>及换行标签<br>等。讲解了这些标签的基本用法和属性设置，如图片路径设定、图片宽高调整、背景颜色和背景图片设置等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

H系列的标签：

使用方法是<h#>*****</h#>，其中#可以使从1-6。H系列赋予其标题语义，每一个被h系列标签修饰的内容独占一行。其中<h1>定义最大的标题，<h6>定义最小的标题。并且在企业开发中，通常<h1>每一个网页只用一次。在HTML5中，h系列可以通过增加属性align来将标题进行居中（middle）、居左（left）、居右（right）的效果，但是不推荐使用，因为较为严格的XHTML中不支持，这是有原因的，因为如果使用了align属性，那么就修改了字体的样式，但是咱们之前说过，标签唯一的作用就是给文字增加语义，因此，不推荐使用。在企业开发中，可以利用css来控制标题的居左、居右、居中。

<hr>标签：这个标签使用来增加一条分割线，并且独占一行。在XHTML中，要求规范是<hr />，但是因为HTML5是兼容XHTML的，并且他的容错性很强，所以在HTML5中，无论写不写"/"都是可以的。以后当我们做前端开发的时候，只要按照IDE工具来确定写不写即可。补充：<hr>标签中可以补充属性的，比如，<hr size="16px">是改变他的大小，如果不加size属性，则默认为全屏幕；width属性是改变分割线的宽度；noshade属性是用来取消分割线的阴影；align属性是用来改变分割线的位置，align可等于left（居左）、right（居右）、center（居中）。

注释的格式是：

img标签：img是image的缩写，因此img标签的作用就是告诉浏览器要显示一张图片，img是单标签，因此使用的时候一般是<img />。

格式：<img src="图片路径" /> ，src是标签img的一个属性，src是source的缩写，如果在只写了图片的名字的时候，会自动在文件所在的文件夹里寻找图片，如果没有，则不会显示图片。图片路径的填写可以分为“相对路径”和“绝对路径”，一般我们都来填写相对路径，因为如果将图片文件剪切到了另一个地方，绝对路径下的图片就会消失，从而无法再网页上显示。

img标签不会独占一行。img标签的属性除了src还有width height alt等等，如果没有width height属性，则会按照默认的属性来显示图片，但是如果手动设置了width和height属性，则会有图片变形的危险。如果我们想指定宽度和高度，又不想让图片变形，我们可以只指定宽度和高度的其中一个。alt属性：当图片路径错误或者不存在的时候，呈现不出来图片的时候，alt属性来说明图片效果。title属性：用于告诉浏览器，当鼠标悬停在图片上时，需要弹出的描述框中显示什么内容。

<br>标签：这个标签也是单标签，因此用的时候可以写成<br />，他的作用是换行。多个br标签是可以连续使用的。

在企业开发中的时候一般都是换一行就会另起一个段落，因此这个标签不是太常用。

bgcolor是<body>标签的属性，他可以改变网页的背景颜色。例如<body bgcolor="ff0000">就可以将页面的背景颜色从默认的白色改为红色。<body>中还有一个属性就是background，他可以将图片放在背景里，如果图像的大小填不满背景时，他可以使背景图像根据网页的大小自动复制多个图像来覆满一个网页的背景，他的格式为<body background="图片的路径">。

例如下图：