第三章网页中的文本讲述.ppt

第三章 网页中的文本 本章要点 3.1 文本的基本编辑 3.1.1 插入文本、符号、日期、水平线 3.1.2 添加字体 3.1.3 设置文本的属性 3.1.4 建立列表 3.2 超链接 3.2.1 路径 3.2.2 建立超链接 3.3 样式 3.3.1 CSS语法 3.3.2 CSS 样式应用 3.3.3 引用外部CSS文件与导出样式表 3.1 文本的基本编辑 互联网上大量信息的传播以文本为主。因此，对于网页制作人员来说，文本的处理是最基本而重要的技巧之一。 学习网页制作首先应掌握网页中文本的制作和编辑方法。 3.1.1 插入文本、符号、日期、水平线 Enter 插入pnbsp;/p （硬回车） shift＋enter 插入br / （软回车） Ctrl＋shift＋space 插入一个nbsp; 特殊字符 日期 分段换行 html head title分段换行与预格式/title /head body h3以下是直接写文本的情况：/h3 星期一、星期二、星期三、星期四、 星期五、星期六、星期日。 h3以下是使用了三个换行标记的情况：/h3 星期一、星期二、br /星期三、星期四、br/ 星期五、星期六、星期日。br / h3以下使用分段标记（分为两段）：/h3 p星期一、星期二、星期三、/pp星期四、 星期五、星期六、星期日。/p h3以下使用预格式：/h3 pre 星期一、星期二、星期三、星期四、 星期五、星期六、星期日。 /pre /body/html 3.1.2 添加字体 执行菜单命令“文本”|“字体”|“编辑字体列表” 3.1.3 设置文本的属性 图3-4 文本的“属性”面板 【例3-1】设计一个只有文字的页面，以下网页为例，对文字的格式、字体、字号、颜色以及对齐格式等属性进行设置。 学习双标签h1/h1、/p/p、span/span、pre/pre及单标签br /、hr /的使用 文本的字体、字号、风格等属性以CSS样式写在head/head中 自定义的CSS样式优先级高于网页样式body,td,th { }的优先级 用hn设置标题的大小。 html head title 网页设计 /title /head body h1今天天气真好!/hl h2今天天气真好!/h2 h3今天天气真好!/h3 h4 align=left今天天气真好!/h4 h5 align=center今天天气真好!/h5 h6 align=right今天天气真好!/h6 h今天天气真好!h /body/html 强制换行标记的使用 html head title强制换行标记的使用/title /head body 欢迎进入牡丹园!brbr 新闻br nbsp;nbsp;nbsp;nbsp;影视p 聊 天 室br /body/html 强制不换行标记nobr……/nobr，常用英文人名 nobrBill Gates/nobr “计算机简史”网页的显示效果 设置文字格式 1 设置文字的大小 设置文字的大小的格式为： font size=数字 face=字体名 color=颜色 被设置的文字 ／font font标记可设定文字的字体、字号和颜色。 size用来设置文字的大小。数字的取值范围从1～7，size取1时最小，取7时最大。 face用来设置字体。如黑体、宋体、楷体—GB2312、仿宋—GB2312、隶书、Times New Roman等。 color用来设置文字颜色。 font和hn标记都可以设置文字的大小，当font中的size取7时的文字比h1要大。 【例2-5】用font设置文字的大小。 html head title用font设置文字的大小／title /head body h1文字的大小!/h1 font size=1文字的大小 size=1/fontbr font size=2文字的大小 size=2/fontbr font size=3文字的大小 size=3/fontbr font size=4文字的大小 size=4/fontbr font size=5文字的大小 size=5/fontbr font size=6文字的大小 size=6/fontbr font size=7文字的大小 size=7/fontbr /body /html 上标（sup）和下标（sub）标记 用于书写数学公式或分子式。 如：Hsub2/su