第2章文本格式导论.ppt

使用这些物理字符样式时，只需将设置格式的字符括在标记符之间即可。例如，以下 HTML 代码在浏览器中的显示如图 2-9 所示。 使用这些逻辑样式时，也只需将设置格式的字符括在标记符之间即可。例如，以下 HTML 代码在浏览器中的显示如图 2-10 所示。 图 2-11 有序列表示例 混合嵌套列表 有序列表和无序列表也可互相嵌套，如以下 HTML 代码所示（效果如图 2-14 所示）： OL LI列表项1 LI列表项2 UL LI子列表项1 LI子列表项2 /UL LI列表项3 /OL 2.4 创建超链接 2.4 创建超链接 2.4 创建超链接 三、页面链接 是指指向其他网页的超链接 A和/A标记符 注：目标文件格式：1.浏览器支持2.浏览器不支持 HTML HEADTITLE超链接示例/TITLE/HEAD BODY P这是一个A href=page2.htm超链接/A/P P欢迎参观我的A href=/P /BODY /HTML 四、锚点链接 锚点：在链接的过程中，除了可以对不同页面或文件链接外，用户也可以对同一页面的不同部分进行链接，在链接之前，首先应为页面中需要跳转到的位置命名。这样的位置被称为锚点。A name=“top”目录/A 锚点链接：对同一页面的不同位置进行的链接。A href=“#top”返回目录/A 锚点链接也可以指向其他页面的锚点 A href=“maodian.htm#b”指向另一个页面的“B”部分 五、电子邮件链接 href的值指定为mailto：电子邮件地址，即可以实现 2.5 网站实例 一、网站规划 确定站点目标 如何组织要展示的内容 站点的逻辑结构图 站点的文件夹设计 规划网站的导航系统（即超链接系统） 二、页面设计 首页 二级页面 三级页面 站点的逻辑图 一个目录：hours.html或./hours.html 子级目录：support/hours.html 不在当前目录：“..” ../support/content.html ../../products/catalog.html 图2-9 物理字符样式效果 HTML HEAD TITLE物理字符样式效果示例/TITLE /HEAD BODY PB此处为粗体显示文本/B PBIG此处为大字体文本/BIG PSMALL此处为小字体文本/SMALL PI此处为斜体文本/I PTT此处为等宽字体文本/TT PU此处为下划线文本/U PS此处为使用lt;Sgt;标记设置的删除线文本/S PSTRIKE此处为使用lt;STRIKEgt;标记设置的删除线文本/STRIKE P此处为上标示例：xSUP2/SUP + ySUP2/SUP = RSUP2/SUP P此处为下标示例：HSUB2/SUBSOSUB4/SUB /BODY /HTML 2.1.1　逻辑字符样式 所谓逻辑字符样式是指标记符本身表示了所修饰效果的逻辑含义。例如，ADDRESS 标记符本身的逻辑意义为“地址”，但并没有说明具体的物理效果。常用的逻辑字符样式如表 2-2 所示。 表 2-2 常用逻辑字符样式 标记 功能 ADDRESS/ADDRESS 用于指定网页创建者或维护者的信息，通常显示为斜体 CITE/CITE 用于表示文本属于引用，通常显示为斜体 CODE/CODE 用于表示程序代码，通常显示为固定宽度字体 DFN/DFN 用于表示定义了的术语，通常显示为黑体或斜体 EM/EM 用于强调某些字词，通常显示为斜体 KBD/KBD 用于表示用户的键盘输入，通常显示为固定宽度字体 SAMP/SAMP 用于表示文本样本，通常显示为固定宽度字体 STRONG/STRONG 用于特别强调某些字词，通常显示为粗体 VAR/VAR 用于表示变量，通常是斜体 图 2-10 逻辑字符样式 HTML HEADTITLEHTML 逻辑字符样式/TITLE/HEAD BODY PEM此为强调文本/EM PSTRONG此为特别强调文本/STRONG PCITE此为引用文本/CITE PDFN此为一个术语定义/DFN PCODE代码格式：This is an example of code formatting/CODE PVAR变量格式：This is an example of variable formatting/VAR PSAMP样本字符格式：This is a sample of litera