标题标签
共有6个,分别是h1、h2、h3、h4、h5、h6。每个标签在字体大小上都有明显的区别。从h1标签到h6标签字体依次变小。其语法格式如下:
<h1>文本内容</h1>
<h2>文本内容</h2>
<h3>文本内容</h3>
<h4>文本内容</h4>
<h5>文本内容</h5>
<h6>文本内容</h6>
实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>程序猿的笑话</title>
</head>
<body>
<h1>程序猿的笑话</h1>
<h5>发布时间:19:20 03/24 | 发布者:程序猿 | 阅读数:156次</h5>
<h4>甲:《C++面向对象程序设计》这本书怎么比《C程序设计语言》厚了好几倍?</h4>
<h4>乙:当然了,有“对象”后肯定麻烦呀!</h4>
</body>
</html>
标题的对齐方式
在默认情况下,标题文字是左对齐的,可以为标签标题添加属性进行设置。其语法格式如下:
<h1 align="对齐方式">文本内容</h1>
对齐方式属性值如下所示:
属性值 | 含义 |
---|
left | 左对齐 | center | 居中对齐 | right | 右对齐 |
实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>介绍图书商品</title>
</head>
<body>
<h1 align="center"><img src="源码02-02.jpg"></h1>
<h5 align="center">书名:《Java从入门到精通》</h5>
<h5 align="center">作者:明日科技</h5>
<h5 align="center">出版社:人民邮电出版社</h5>
<h5 align="center">出版时间:2017年1月</h5>
<h5 align="center">页数:436页</h5>
<h5 align="center">价格:25.00元</h5>
</body>
</html>
|