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

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.运行结果

HTML示例03---标题的对齐方式相关推荐

oracle输出对齐方式,sql*plus 中输出格式控制技巧
sql*plus是我们常用的工具,大家也许对此工具感到一个困惑的地方就是对其输出的格式化了. 我总结整理了一下常用的格式化输出操作及一些简单用例,发给大家,以备使用时参考: 1.COL命令: 主要格式 ...
R语言ggplot2可视化指定图像标题（title）、副标题（subtitle）的内容、字体大小、字体类型、色彩、对齐方式等实战
R语言ggplot2可视化指定图像标题(title).副标题(subtitle)的内容.字体大小.字体类型.色彩.对齐方式等实战目录
html表格标题的垂直对齐方式
<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> ...
paragraph设置行距_LaTex学术写作——设置段落行间距段间距文本对齐方式
过去两个星期一直被作业折磨,公众号的更新就慢了下来.这个周末总算没作业了(虽然下周又要考试了),多出一个下午更新LaTex学术写作的科普文,今天就继续讲最基础的如何在LaTex中分段以及设置行间距和段 ...
phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
转载连接:http://www.cnblogs.com/huangcong/p/3687665.html phpexcel中文教程-设置表格字体颜色背景样式.数据格式.对齐方式.添加图片.批注.文字块 ...
WPS和Word段落文字5种对齐方式的功能、区别和用法详细解析
在WPS文字和Word文档中,段落中的文字对齐方式共有五种,分别是:左对齐.居中.右对齐.两端对齐.分散对齐. 这五种对齐方式分别实现了什么对齐效果?他们的区别是什么?在什么时候使用哪种对齐方式呢?能 ...
方向gravity_两种对齐方式，layout_gravity和gravity大不同
原标题:两种对齐方式,layout_gravity和gravity大不同上一期我们一起学习了LinearLayout线性布局的方向.填充模型和权重,本期来一起学习LinearLayout线性布局的对 ...
phpexcel 设置批注_PHPExcel-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护...
首先到phpexcel官网上下载最新的phpexcel类,下周解压缩一个classes文件夹,里面包含了PHPExcel.php和PHPExcel的文件夹,这个类文件和文件夹是我们需要的,把class ...
latex缩进与对齐_LaTex学术写作——设置段落行间距段间距文本对齐方式
过去两个星期一直被作业折磨,公众号的更新就慢了下来.这个周末总算没作业了(虽然下周又要考试了),多出一个下午更新LaTex学术写作的科普文,今天就继续讲最基础的如何在LaTex中分段以及设置行间距和段 ...

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

HTML示例03---标题的对齐方式相关推荐

最新文章

热门文章