 |
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：HTML入门到精通 > 2.1 HTML 标题 <h1>-<h6> 标签 | |||||||||||
| 阅读(22555525) 收藏 赞(5685) 分享 | |||||||||||
| 上一篇： 第2章 HTML 基础标签 | 下一篇： 2.9.3 HTML <area> 标签 | ||||||||||
基础语法HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的. 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。 搜索引擎使用标题为您的网页的结构和内容编制索引。 因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。 <h1> 定义重要等级最高的标题，<h6> 定义重要等级最低的标题。 所有主流浏览器都支持 <h1> - <h6> 标签 全局属性 <h1> - <h6> 标签支持 HTML 的全局属性。 事件属性 <h1> - <h6> 标签支持 HTML 的事件属性。 下面我们来看<h1> - <h6>在浏览器中的表现，代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML 标题:黄菊华老师</title> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6> </body> </html> 效果如图2-1。
HTML <h1> - <h6> align 属性align 属性规定标题的水平对齐方式。所有主流浏览器都支持 align 属性。 在 HTML 4.01 中，<h1> - <h6> 的 align 属性 已废弃。请使用 CSS 代替。 CSS 语法：<h1 style="text-align:right"> 语法<h1 align="left|right|center|justify"> 属性值
示例代码如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML 标题:黄菊华老师</title> </head> <body> <h1>这是标题 1</h1> <h2>这是标题 2</h2> <h3>这是标题 3</h3> <h4>这是标题 4</h4> <h5>这是标题 5</h5> <h6>这是标题 6</h6> </body> </html> 效果如图2-2。
标题大小与字体大小的关系1到6号标题与1到6号字体逆序（及加粗）对应，比如1号字体对应6号标题，2号字体对应5号标题，示例代码如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>标题大小与字体大小的关系：黄菊华老师</title> </head> <body> <h1>这是1号标题</h1> <font size="6"><b>这是1号标题-6号字体</b></font> <h2>这是2号标题</h2> <font size="5"><b>这是2号标题-5号字体</b></font> <h3>这是3号标题</h3> <font size="4"><b>这是3号标题-4号字体</b></font> <h4>这是4号标题</h4> <font size="3"><b>这是4号标题-3号字体</b></font> <h5>这是5号标题</h5> <font size="2"><b>这是5号标题-2号字体</b></font> <h6>这是6号标题</h6> <font size="1"><b>这是6号标题-1号字体</b></font> </body> </html> 效果如图2-3。
|
|||||||||||
| 上一篇： 第2章 HTML 基础标签 | 下一篇： 2.9.3 HTML <area> 标签 | ||||||||||
