- 1、本文档共20页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
·30 · HTML 网页设计参考手册
第 章
文字与段落
标题文字的建立
文字格式标记
段落标记
水平线标记
其他标记
在网页创作中,文字是最基本的元素之一。增加文字的易读性,让浏览者在
短时间内阅读更多、理解更多信息,并达到视觉艺术及传达的功能是网页创作者
追求的目标。本章将介绍各种文字标记的使用方法。
第 3 章 文字与段落 ·31 ·
3.1 标题文字的建立
在浏览网页时,常常看到一些标题文字,用于对文本中的章节进行划分,它们以固定的字号显示。
HTML 文档中的标题文字分别用来指明页面上的 1~6 级标题。
3.1.1 标题文字标记
标题文字共包含 6 种标记,分别表示 6 个级别的标题,每一级别的字体大小都有明显的区别,从 1
级~6 级依次减小。
语法:
1 级标题:<h1> …</h1>
2 级标题:<h2> …</h2>
依次下去,到 6 级标题。
说明:在该语法中,1 级标题使用最大的字号表示;6 级标题使用的是最小的字号。
实例代码:
<!--这是关于标题文字的实例-->
<html>
<head>
<title>标题文字的效果</title>
</head>
<body>
<h1>1 级标题的效果</h1>
<h2>2 级标题的效果</h2>
<h3>3 级标题的效果</h3>
<h4>4 级标题的效果</h4>
<h5>5 级标题的效果</h5>
<h6>6 级标题的效果</h6>
</body>
</html>
运行这段代码可以看到网页中 6 种不同大小的标
图3-1 标题文字效果
题文字,如图 3-1 所示。
3.1.2 标题文字的对齐方式——align
默认情况下,标题文字是左对齐的。而在网页制作的过程中,可以实现标题文字的编排设置。对
于文字标题的属性设置中,最常用的就是关于对齐方式的设置,这需要使用 align 参数进行设置。
语法:align=对齐方式
说明:在该语法中,align 属性需要设置在标题标记的后面,其对齐方式的取值见表 3-1 。
·32 · HTML 网页设计参考手册
表3-1 标题文字的对齐方式
属 性 值 含 义
left 左对齐
center 居中对齐
right 右对齐
实例代码:
<!--设置标题文字的不同对齐方式--
您可能关注的文档
- ActionScript 30从入门到精通第6章 面向对象编程基础.ppt
- AETOS外汇新手入门的几条忠告.doc
- Alienware M18x R2 快速入门指南.pdf
- android入门教程Andorid绘图Canvas.doc
- android入门教程如何利用Handler更新android的UI.doc
- android入门教程自定义标题栏.pdf
- android开发入门教程ListView排序.pdf
- android开发入门教程Manifestxml选项.pdf
- android开发入门教程soup web客户端程序.pdf
- Asp 制作从入门到精通.doc
- 卫生系列高级职称评审破格申报审批表.pptx
- 生理练习题九内分泌.pdf
- 课程恶意代码基础知识与分析方法.pdf
- cn 2a一种核壳结构锂电池硬炭微球负极材料及其制备方法.pdf
- 临床前CRO项目市场研究报告及运营管理方案|瑞克咨询|2024年编制|.docx
- HRN-40松香系中性施胶剂项目商业计划书及实施方案|瑞克咨询|2024年编|.docx
- 氢氧化铁项目市场研究报告及运营管理方案|瑞克咨询|2024年编|.docx
- 氟化钙单晶(CAF2)项目市场研究报告及运营管理方案|瑞克咨询|2024年编|.docx
- 智能电网项目商业计划书及实施方案|瑞克咨询|2024年编|.docx
- 体外诊断器械项目商业计划书及实施方案|瑞克咨询|2024年编|.docx
文档评论(0)