网页制作基本内容-1.docVIP

网页制作基本内容 一、FrontPage 2003界面 1．FrontPage的7种视图 1）．网页视图：用于网页编辑。默认视图。 2）．文件夹视图：管理网站中各种文件。 3）．远程网站视图：管理远程网站情况。 4）．报表视图： 用于检查和统计的视图工具，并显示站点内各种文件的状态。 5）．导航视图：用于在网页中创建导航条。 6）．超链接视图：显示网页内超链接情况。 7）．任务视图：将需要做的工作以任务形式显示出来，并对其做简单的管理。 2．网页视图的四种显示模式 1）．设计模式：使用菜单、工具栏编辑网页。 2）．拆分模式：将界面拆分为上下二部分：上面为代码部分，下面为设计部分。 3）．代码模式：使用HTML标记编辑网页。 4）．预览模式：预览网页结果。 二、换行、分段类等标记 1．换行标记BR 2．强迫不换行标记NOBR 3．可断行标记WBR 4．段落标记P Align（对齐）属性 5．预排格式标记PRE 6．块引用标记BLOCKQUOTE 7．居中对齐标记CENTER 8．水平线标记HR 三、字符格式标记 1．标题字标记Hn 2．字体标记FONT 字体标记FONT主要有size、color、face三个属性。 3．特定文字样式标记 1）．物理字符样式标记 标记 功能 粗体 B/B 大字体 BIG/BIG 斜体 I/I 删除线 S/S STRIKE/STRIKE 小字体 SMALL/SMALL 下标 SUB/SUB 上标 SUP/SUP 固定宽度字体记 TT/TT 下划线 U/U 2）．逻辑字符样式标记 标记 功能 EM/EM 用于强调文本，显示为斜体 STRONG/STRONG 用于特别强调文本，显示为粗体 CITE/CITE 用于引证和举例，显示为斜体 CODE/CODE 用于指出这是一组代码 SAMP/SAMP 样本字体，宽度相等的字体 KBD/KBD 由用户输入文本，显示为较粗的宽字体 VAR/VAR 用于表示变量，显示为斜体 DFN/DFN 表示一个定义或说明，显示为斜体 ADDRESS/ADDRESS 用于指定网页创建者的信息，显示为斜体 四、有序列表 格式：OL start=属性值 type=属性值 LI列表项目1 LI列表项目2 LI列表项目3 …… /OL 五、无序列表 格式：UL type=属性值 LI列表项1 LI列表项2 LI列表项3 …… /UL 六、定义列表 格式：DL DT项目1 DD项目1的说明 DT项目2 DD项目2的说明 …… /DL 七、超链接标记A 1．href属性指定链接目标的URL地址。 2．name属性指定设置锚点（书签）名称。通常href属性和name属性不同时使用。 3．target属性给新窗口取名。 target属性的属性值： _blank或new，将目标网页显示在新打开的浏览器窗口中。 _parent，将目标网页显示在父框架窗口中（在使用框架网页时用）。 _self，将目标网页显示在当前窗口中（默认值）。 _top，将目标网页显示在没有框架的窗口中（即去除框架）。 1．页面链接 页面链接就是指向其它页面的超链接。 格式：A href=URL target=窗口名称文本或图片/A 2．锚点链接 指向同一网页中不同部分的超链接。 1）．设置锚点 锚点格式：A name=书签名称目标内容/A 2．设置链接 链接格式：A href=书签名称 target=窗口名称目标内容/A 3．电子邮件链接 电子邮件链接就是指向电子邮件收发操作的超链接。 格式：A href=mailto:E-mail地址文本或图片/P 八、图像元素 1．图像标记img 主要属性： 1）．scr属性：指出要插入图片的url。 2）．alt属性：在浏览器尚未完成加载图片时，在图片位置显示的字符。 3）．width属性：设置图片的宽度（像素或百分数）。 4）．height属性：设置图片的高度（像素或百分数）。 5）．hspace属性：设置图片边与文字的水平间距（像素）。 6）．vspace属性：设置图片边与文字的垂直间距（像素）。 7）．align属性：设置图片与同一行文字在垂直方向的对齐方式（top、middle、bottom），或图片与文字的环绕方式（left、right）。 共有属性值：absbottom、absmiddle、baseline、bottom、left、middle、right、texttop、top 计算机网络应用基础 第7章 网页基本元素 共 11 页 第 4 页 4