网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt

网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt

ID:50339219

大小:497.50 KB

页数:44页

时间:2020-03-08

网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt_第1页
网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt_第2页
网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt_第3页
网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt_第4页
网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt_第5页
资源描述:

《网页制作教程 教学课件 作者 赵丰年 1_ 第2章.ppt》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、第2章文本格式2.1文本分段2.2控制文本的显示效果2.3列表格式2.1文本分段2.1.1段落标记符P和换行标记符BR以下HTML代码显示了P和BR标记符的用法,效果如图2-1所示。<P>与<BR>的用法

第一段

第二段,用<BR>标记符控制断行
仍然为第二段,但此行已经断开

第三段

第四段,多个<P>标记符并没有起到产生多个空行的效果

但多个<BR>

2、;标记符可以产生多个空行效果



此为最后一段图2-1P与BR的用法2.1.2水平线标记符HR2.1.2.1size属性2.1.2.2width属性2.1.2.3noshade属性2.1.2.4color属性以下HTML代码显示了如何用HR标记符的各种属性控制水平线的显示,效果如图2-2所示。水平线效果以下是默认水平线:


以下是粗为5像素的水平线:以下是长度为10

3、0像素的水平线:以下是长度为屏幕宽度50%的水平线:以下是粗为5像素的实心水平线:以下是红色的水平线:图2-2水平线效果2.1.3标题标记符Hn以下HTML代码显示了1至6级标题的效果,如图2-3所示。标题效果

此为一级标题

此为二级标题

此为三级标题

4、

此为四级标题

此为五级标题
此为六级标题

此为正常文本

图2-3标题效果可以看出,浏览器在解释标题标记符时,会自动改变文本的大小并将字体设为黑体,同时自动将内容设置为一个段落。2.1.4段落对齐2.1.4.1align属性align属性可应用于多种标记符,例如前面介绍的P、Hn、HR等。以下HTML代码显示了align属性的效果,如图2-4所示。使用align属性<

5、P>本行为默认对齐的段落,相当于align="left"本行为居中对齐的段落本行为右对齐的段落本行为居中对齐的一级标题以下为左对齐的水平线:图2-4使用align属性注意:对于不同的标记符,默认的align属性值不同。P和Hn标记符的默认align属性值是left,而HR标记符的默认align属性值是center。2.1.4.2DIV标记符

6、与CENTER标记符如果需要将多个段落使用相同的对齐方式,那么可以不必在每个段落中设置align属性,而是使用DIV标记符将所有段落包括起来,然后在DIV标记符中设置align属性。例如,以下HTML代码将多个段落的内容都设置为居中对齐,效果如图2-5所示。使用DIV标记符

浣溪沙

晏殊

一曲新词酒一杯,

去年天气旧池台,

7、阳西下几时回?

无可奈何花落去,

似曾相识燕归来,

小园香径独徘徊。

图2-5使用DIV标记符2.1.4.3格式的嵌套(1)如果所设置的格式是相容的,则取格式叠加的效果。例如,如果为一段文字同时设置了粗体和斜体格式,则该段文字将以粗斜体显示。(2)如果所设置的格式是冲突的,则取最近样式符的修饰效果。例如,如果同时在不同标记符中设置了段落对齐方式,那么相应内容的对齐方式以最近的标记符为准。例如,以下HTML代码可以说明浏览器如何解释格式嵌套,效果如图2

8、-6所示。格式嵌套示例本行使用<DIValign="center">对齐

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。