HTML常用标记与格式:从标题到下标

需积分: 10 0 下载量 14 浏览量 更新于2024-09-16 收藏 470KB PDF 举报
"HTML第二章,包括标题、段落、换行与注释、粗体与斜体、删除线、上标与下标的使用" 在HTML中,标题(Headers)是网页内容结构化的重要元素,它们不仅有助于提升用户体验,还对搜索引擎优化(SEO)有着积极的影响。HTML提供了六级标题,从`<h1>`到`<h6>`,用来表示不同级别的标题,`<h1>`最大,`<h6>`最小。标题的设置语法非常直观,例如创建一级标题的代码是`<h1>标题内容</h1>`。 2.1 设置正文的标题 标题标记用于创建网页中的各级标题,比如新闻文章中的主标题和副标题。`<h1>`通常用于页面的主标题,而`<h2>`到`<h6>`则用于子标题或次要内容。在HTML文档中,标题的使用遵循一定的层次关系,有助于构建清晰的内容结构。 2.1.1 标题设置的语法 标题的语法由`<h>`开头,后面跟一个数字(1-6),代表标题的级别。例如,要创建一个二级标题,可以使用`<h2>我的二级标题</h2>`。数字越大,标题的字体大小越小,视觉上显得越不重要。 2.1.2 标题设置经典案例 实践中,可以像代码2.1那样,依次使用`<h1>`到`<h6>`创建不同级别的标题,展示出标题大小的变化。在浏览器中预览这段代码,将显示六种不同大小的标题,从一级标题的醒目到六级标题的细腻。 此外,HTML还包含其他基本的文本格式化标记: 2.2 段落标记 `<p>`标记用于定义段落,如`<p>这是我的一段文字。</p>`,它在浏览器中会自动添加一些垂直间距,以区分不同的段落内容。 2.3 换行与注释 换行可以使用`<br>`单标记实现,例如`Hello<br>World`会在"Hello"后插入一个换行。注释则使用`<!– 这是一条注释 –>`,注释内容不会在浏览器中显示,主要供开发者查看和理解代码。 2.4 粗体与斜体 `<b>`标记用于设置文本为粗体,如`<b>粗体字</b>`;`<i>`标记则用于创建斜体,如`<i>斜体字</i>`。 2.5 删除线 `<del>`标记可使文本显示为删除线效果,常用于表示已废弃或修改的信息,例如`<del>已删除的内容</del>`。 2.6 上标与下标 `<sup>`标记用于创建上标,如`X<sup>2</sup>`会将"2"显示为上标,常见于科学公式;`<sub>`标记则用于下标,如`H<sub>2</sub>O`表示水分子。 这些基础的HTML标记和格式是创建网页内容时最常用到的元素,熟练掌握它们能够帮助你更好地组织和美化网页内容。在实际开发中,这些标记通常与其他HTML元素和CSS样式结合使用,以实现更复杂的设计和交互效果。