2.8 HTML标记和格式实例

本章只学了HTML常用的标记和格式,这些知识点以后会常用到,毕竟网页只由少数标记组成。学好常用标记和格式在以后学习中会容易很多。现在来练习一下前面学的知识。知识点通过实例罗列出来。

2.8.1 标题用h1

网页代码基本组成在前一章学过,所以输入文章的关键是放在<body></body>中。现在的文章就是这样输进去,如代码2.8所示。

代码2.8 源代码\第2章\HTML标记和格式实例手把手.html


———————————文件名:HTML标记和格式实例手把手.html———————————

01 <html>

02 <head>

03 <title>HTML标记和格式实例手把手</title>

04 </head>

05 <body>

06 <!—下面这行表示标题h1—>

07 <h1>HTML+CSS完全自学手册</h1><!—主体内容标题标记对—>

08 <!—下面表示文本行并在代码中换行—>

09 HTML+CSS完全自学手册

10

11

12 HTML+CSS完全自学手册

13

14

15 HTML+CSS完全自学手册

16 </body>

17 </html>


【代码解析】在代码第7行显示出标题h1,其他的3行文字在代码中都有换行,效果如图2.8所示。

2.8 HTML标记和格式实例 - 图1

图 2.8 标题h1和正文