从零开始的异世界之HTML-day06

最新推荐文章于 2025-12-06 22:12:52 发布

原创最新推荐文章于 2025-12-06 22:12:52 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #javascript #css3

Html5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了HTML中用于创建标题的文字标记，包括从<h1>到<h6>的六级标题及其字号区别。同时，讲解了如何通过align属性设置标题文字的对齐方式，包括左对齐、居中和右对齐的示例。

在浏览器中的正文部分，可以显示标题文字，所谓标题文字就是一某种固定的字号显示文字，html文档中的标题文字分别用指明页面上的1~6级标题。

1.标题字标记<H>

标题文字一共包含六种标记，每一种标题在字号上有明显的区别，从1级~6级依次减小。

语法:

        1级标题:<h1>.........</h1>

        2级标题:<h2>.........</h2>

        3级标题:<h3>.........</h3>

        4级标题:<h4>.........</h4>

        5级标题:<h5>.........</h5>

        6级标题:<h6>.........</h6>

例题:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题文字的建立</title>
</head>

<body>
	<h1>古诗介绍</h1>
	<h2>作者颜真及</h2>
	<h3>三更灯火五更鸡，正是男儿读书时。</h3>
	<h4>黑发不知勤学早，白首方悔读书迟。</h4>
</body>
</html>

2.标题文字的对齐方式-align

默认情况下，标题是左对齐。对于文字标题的属性设置中，最常用的就是关于对齐方式的设置，这就需要使用align参数来进行设置。

语法:

align=对齐方式

语法解释:

属性值	含义
left	左对齐
right	右对齐
center	居中对齐

例题：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题文字的建立</title>
</head>

<body>
	<h1>古诗介绍</h1>
	<h2 align="center">作者颜真及</h2>
	<h3 align="left">三更灯火五更鸡，正是男儿读书时。</h3>
	<h4 align="right">黑发不知勤学早，白首方悔读书迟。</h4>
</body>
</html>