HTML5+CSS3+JavaScript 网页设计实战 第三章

段落排版
标题
在HTML网页中还有一种很常用的标题（<hx>）标签，注意在 实际使用<hx>标签时，小写x使用数字1～6代替，分别代表不 同的标题字体大小。在HTML网页中，只有段落<p>加上标题 <hx>才会组成一篇美观的、完整的网页文章。
文字排版
字形字体
在HTML网页设计中，可以创建出风格多样的字形字体样式， 通过设置CSS层叠样式表的font-family属性就可以实现。
HTML5+CSS3+JavaScript 网页设计实战
第三章 HTML网页文字与排版
课程内容
• • • •
段落排版 文字排版 项目符号与编号 项目实战：在线新闻浏览
段落排版
段落标签
在HTML网页中，段落是通过<p></p>标签元素来定义的，类似 于我们文章写作中的自然段。
段落排版
对齐与缩进
在HTML网页中使用<p></p>标签元素展示自然段落时，很多情 况下需要设定对齐（text-align）与缩进（text-intend）样式， 这也是为了适应新闻、报告、文章等内容的格式要求。
段落排版
分割线
在HTML网页中使用<hr>分割线标签元素也是很常见的方法， 譬如在网页底部通常用一根分割线将公司信息、作者信息、版 权信息和注册备案信息分割开来，以示和网页主体部分的区分。
Thanks
文字排版
上、下标字体
HTML规范中使b>标签元素表 示下标。譬如，在引用文献时上标字体肯定要用到，而定义数 理化符号时下标字体也是必不可少的。
项目符号与编号
符号列表
符号列表在文档中是一种比较常见的表现形式，符号可以定义 为多种样式，譬如：圆点符号、星型符号、箭头符号等等。 在HTML网页中，我们可以通过<ul>-<li>标签元素来实现无序 的符号列表。
项目符号与编号
编号列表
编号列表在文档中也是一种比较常见的表现形式，同时编号也 可以定义为多种样式，譬如：阿拉伯数字、罗马数字、字母等 等。 在HTML网页中，我们可以通过<ol>-<li>标签元素来实现有序 的编号列表。
项目实战
在线新闻浏览
课程小结
• • • • 段落排版 文字排版 项目符号与编号 项目实战：在线新闻浏览