常用HTML标记和格式.PDFVIP

·13 · 第2章 常用HTML标记和格式 通过第 1 章的学习，对 HTML 有了一定的认识。HTML 由标记（本书中标记与标签是 同一概念）组成，其中有单标记和双标记之分，大部分以双标记出现，即标记对（也称标 签对）。而本章要介绍的是应用中常用的 HTML 标记和格式，这些知识点往往在网页中会 常用到，也是必须得掌握的知识点之一。在讲解过程中分两部分：标记和格式，学完本章， 应掌握以下内容： 标题标记 段落标记 换行与注释 粗体与斜体 删除线 上标与下标 2.1 设置正文的标题 现在网络媒体在新闻传播中起的作用越来越大，其传播速度和内容丰富程度都超越了 传统媒体。如从现在的门户网站新闻点击率上，可以看出网民直接在网上看新闻的热情。 那么新闻的格式中，有新闻主题和新闻内容之分，往往新闻主题的字体大小比正文内容大， 也会看到很大或比较小的标题。如果读者细心的话，会发现标题从大逐渐变小是有规律的。 2.1.1 标题设置的语法 本节来学习标题的设置，标题的作用是用精简的文字概括整篇文章的主题，故文字字 不能太长，从外表上突出标题与内容。标题的语法很简单，由双标记组成，在尖括号对里 面输入 h 加从 1 到 6 的任意一个数字即可，数字不同，所表达的标题大小效果也不一样， 其完整标题语法如下： h#主题文字/h# 其中“# ”是标题里面从 1 到 6 数字的任意的一个，系统一共提供 6 种标题，从数字 1 到数字 6，标题大小由大到小，即表示不同大小的标题。换言之，数字越大，标题字体就越 小。 ·14 · 2.1.2 标题设置经典案例――字号由大到小 理解了标题是由字母 H 加从 1 到 6 的数字后，下面用实例来演示这 6 个标题的效果， 代码 2.1 表示从 H1 到 H6 的标题。 代码 2.1 源代码\第 2 章\六种不同的标题.html html head title标题标记/title /head body !—下面是标题标记对-- h1标题 h1/h1 h2标题 h2/h2 h3标题 h3/h3 h4标题 h4/h4 h5标题 h5/h5 h6标题 h6/h6 /body /html 代码 2.1 中，在body/body标记对中输入了 6 个不同的标题，标题从 H1 到 H6 ，标 题大小由大变小，效果如图 2.1 所示。 图2.1 六种标题标记 从图 2.1 中可以看到，h1/h1双标记里是显示最大号标题的，同理，h6/h6双标 记里显示最小号标题。根据实际需要，在不同正文内容的主题下选择不同大小的标题标记， 注意只选择一种做标题即可，如标题 h3 是文章的标题，其他标题不用在代码中出现了，如 下面代码显示。 ·15 · h3这是标题 h3/h3 这是文章正文字。 说明：不是大小的标题明显突出主题重要性，在具体应用中选择不同标题会达不意想 不到效果，甚至还可以加上标题字体的颜色，可以再设置标题的字体大小和字体类型等， 以后将会学习到。 2.2 设置段落 一篇文章由标题和正文组成，正文又是由多个段落组成的，所以可以说段落是构成文 章的主体。既然一篇文章是由多个段落组成的，那么又如何区分段落呢？段落与段落之间 有什么不同呢？带着这些问题来学习本小节的段落标记。 在学习段落与段落的区别前，先了解段落的基本语法