预备知识：HTML网页设计基础.ppt

3.4 用 FrontPage设计HTML 3.4.1 FrontPage工作窗口 1．普通方式 2．HTML方式 3．预览方式 3.4.2 网页制作基础 1．利用模板创建网页 2．网页内容的输入 3．网页内容的修饰 4．设置编号与项目符号 5．插入图片 6．设置网页属性 3.4.3 插入表格 3.4.4 设置超级链接 3.4.5 表单网页制作 1．表单的插入 2．插入各种表单域 3．设置表单属性 * 开始序号一定是数字 HTML网页设计基础 1 认识和使用HTML2 HTML常用标记3 HTML表单标记4 用 FrontPage设计HTML 1 认识和使用HTML 1.1 什么是HTML HTML使用各种不同的标记符号来分别标识和设定不同的网页元素。 每一个网页元素通常由开始标记、结束标记，以及夹在这两个标记中的内容所组成。 一个HTML元素的形式可表示为： 标记名称 属性名称=值 …… 内容 /标记名称 说明： 也可以在html之间使用frameset标记； 不区分大小写； 连续的空格、Tab键只当成一个空格； 可以使用!－－内容－－注释； Html文档中的错误会跳过不予理会； 各元素可以嵌套不可以交错。 需要区分大小写吗？ 整个Html文件可以在一行中书写吗？ 一个标识可以在多行中书写吗？ 属性之间有次序要求吗？ 1.2 HTML文档基本架构 html head title网页标题/title /head body p这是正文部分！/p /body /html 1.3 创建一个简单的HTML文档 图 创建一个简单HTML文档 图 执行结果 2 HTML常用标记 2.1 段落标记 1．标题标记 格式： Hn align = 对齐方式 标题文字 /Hn 说明：Hn标记符用于定义段落标题的大小级数。 最大是 h?，最小h?。 align属性可控制文字的对齐方式，值可以是left，center，或者right。 h1 h6 2.1 段落类标记 2．分段标记 格式： P align = 对齐方式 文字 /P 说明：P标记符用于划分段落。 P是成对标记符，用于定义内容从新的一行开始，并与上段之间有一个空行。 3．换行标记 格式： 文字 BR 说明：br标记符用于定义从新的一行显示，它不产生一个空行，但连续多个br标记可以产生多个空行的效果。 br标记符是非成对标记符。 4．横线标记 格式： HR size = 粗细 align = 对齐方式 width = 宽度 color = 颜色 说明：hr标记为非成对标记。 2.2 文字格式标记 1．字体标记 格式： FONT size = 大小 face = 字体名称 color = 颜色文字/FONT 2．空格用“nbsp;”表示。 （1）face属性：定义字体，如face=“隶书”。 （2）size属性：定义大小，属性值为1~7，也可以使用相对大小来设置，如size=“+5”、 size=“-5”。 （3）color属性。定义颜色，可用英文来表示，如： color=“red”；也可使用16进制的RGB来表示， color=“#FF0000”。 此外，字体标记符还包括b…/b粗体标记符、i…/i斜体标记符等。 2.3 列表标记 1．无序列表标记 格式： UL type = 项目符号类型li type = 项目符号类型列表项1li type = 项目符号类型列表项2……li type = 项目符号类型列表项n/UL 说明：disk ● （默认）、 square ■ 、circle ○ body bgcolor=#FFFF99 hl 花语/hl p各种花所代表的含义如下：/p ul li玫瑰：纯洁的爱/li li剑兰：用心坚固/li li type=circle满天星：爱怜/li li type=circle紫罗兰：永恒之美/li li type=circle勿忘我：爱到永远/li /ul /body 2．有序列表标记 格式： OL type = 序号类型 start = 开始序号LI type = 序号类型列表项1LI type = 序号类型列表项2……LI type = 序号类型列表项n/OL 说明：type的值为：1、a、A、i、I。 2.4 表格标记 格式： TABLE border = 边框粗细 bordercolor = 边框颜色 width = 表格宽度 height = 表格高度 tr th文字/thth文字/th/tr…… trtdd11/tdtdd12/td……/tr trtdd21/t