HTML常用标记与格式:从标题到下标
需积分: 10 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样式结合使用,以实现更复杂的设计和交互效果。
2013-01-26 上传
2013-09-13 上传
2014-03-12 上传
2009-04-25 上传
2008-12-08 上传
liu826710
- 粉丝: 20
- 资源: 8
最新资源
- BottleJS快速入门:演示JavaScript依赖注入优势
- vConsole插件使用教程:输出与复制日志文件
- Node.js v12.7.0版本发布 - 适合高性能Web服务器与网络应用
- Android中实现图片的双指和双击缩放功能
- Anum Pinki英语至乌尔都语开源词典:23000词汇会话
- 三菱电机SLIMDIP智能功率模块在变频洗衣机的应用分析
- 用JavaScript实现的剪刀石头布游戏指南
- Node.js v12.22.1版发布 - 跨平台JavaScript环境新选择
- Infix修复发布:探索新的中缀处理方式
- 罕见疾病酶替代疗法药物非临床研究指导原则报告
- Node.js v10.20.0 版本发布,性能卓越的服务器端JavaScript
- hap-java-client:Java实现的HAP客户端库解析
- Shreyas Satish的GitHub博客自动化静态站点技术解析
- vtomole个人博客网站建设与维护经验分享
- MEAN.JS全栈解决方案:打造MongoDB、Express、AngularJS和Node.js应用
- 东南大学网络空间安全学院复试代码解析