HTML示例03---标题的对齐方式

最新推荐文章于 2024-09-18 10:36:12 发布

rs勿忘初心

最新推荐文章于 2024-09-18 10:36:12 发布

阅读量7.4k

点赞数 3

文章标签： html标题对齐方式 align用法

本文链接：https://blog.csdn.net/sinat_33718563/article/details/87510562

版权

前端基本知识点专栏收录该内容

14 篇文章

订阅专栏

1.说明

html的标题标记共有6个，分别是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>，每一个标记在字体大小上都有明显的区别，从<h1>标记到<h6>标记依次变小。

在默认的情况下，标题文字是左对齐的，而在网页制作的过程中，可以实现标题文字的编排设置。最常用的就是关于对齐方式的设置，可以为标题标记添加align属性进行设置。

语法格式如下：

<h1 align="对齐方式">文本内容</h1>

align对齐方式有三种：left（文字左对齐）、center（文字居中对齐）以及right（文字右对齐）。

下面给出了一个利用上述特性推荐商品信息的html例子。

2.代码

注：需要注意的是代码中图片地址需要换成你自己指定图片的地址，也就是img src=.....位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>介绍图书商品</title>
</head>
<body>
<h1 align="center"><img src="../images/百年孤独.png" alt="百年孤独"></h1>
<h5 align="center">书名：《百年孤独》</h5>
<h5 align="center">作者：马尔克斯</h5>
<h5 align="center">出版社：人民邮电出版社</h5>
<h5 align="center">出版时间：2017年1月</h5>
<h5 align="center">页数：463页</h5>
<h5 align="center">价格：25.00</h5>
</body>
</html>

3.运行结果