网页制作第二学期第二.pptVIP

1 . HTML概述; ;HTML标记语法;2．HTML文档的基本结构 一个典型的HTML文本的基本结构形式如下： HTML HEAD TITLE 文本标题 ／TITLE ／HEAD BODY 文本内容 ／BODY ／HTML 上述文档用到四种标记符，其意义如下： ;title/title标记;文件体标记body/body;body标记属性-1;设置页面属性 （1）设置页面背景颜色 BODY标记符中使用bgcolor属性可以为网页设置背景颜色。 （2）设置页面背景图像 BODY background=“aa.gif” text=#0000ff （3）设置文字和超链接的颜色 BODY background=“aa.gif” text=#0000ff link=#00800 vlink=#800000;body标记属性-2; 文本格式处理 文本格式处理包括文字设置和格式处理。 1．文字设置 在网页中为了增强页面的层次，其中的文字可以用不同的大小、字体、字型和颜色，通常用FONT标记符来完成。 FONT标记符设置格式为： FONT size=数字 face=字体名 color=颜色 被设置的文字 ／FONT size属性是字号属性，用于控制文字的大小，它的取值既可以是绝对值，也可以是相对值。 face属性是字体标记符，用来指定字体样式。 color属性可用来控制文字的颜色，属性值可以是颜色名称或十六进制值。 ;文本格式标记（举例）; 2.格式标志 ;3.段落格式标志; 标题处理 在HTML中，用户可以通过Hn标记符来标识文档中的标题和标题，其中n是1到6的数字。H1表示最大的标题，H6表示最小的标题。使用标题样式时，必须使用结束标记符。 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn 属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）或right（右对齐）。 如: H1 align=left font color=#FF00FF face=楷体_GB2312 size=7计算机系/font/H1 Hn…/Hn标记符默认显示宋体。 与HEAD中的TITLE…／TITLE定义的网页标题不同，标题格式显示在浏览器窗口内，而不显示在浏览器的标题栏中。;在网页中插入图片;图像标记的应用示例;图像标记的应用示例（显示结果）;建立超链接;在网页中插入表格;网页中多媒体的应用;1．表单标记符 HTML中FORM.../FORM标志来创建一个表单，即定义表单开始和结束的位置，在标志之间的一切都属于表单的内容。 2．表单输入标记符 INPUT Type=“...”标志来定义一个用户输入区，用户可在其中输入信息。 3．控件定义方法 （1）单行文本框和口令框 创建单行文本框的基本语法如下： INPUT type=text name= value= size= 用户名：input type=text name=a1 size=30 value=bb 口令：input type=password size=30 name=guzal1;（2）复选框与单选按钮 创建单选框(radio)和复选框(checkbox) 也是使用INPUT标记符，语法分别如下： INPUT type=radio name= value= （checked） INPUT type=checkbox name= value= （checked） Checked是默认选中状态。 input type=radio name=a1 checked value=aa男 input type=radio name=a2 value=“bb”女 input type=checkbox name=a1 checked value=c1唱歌 input type=checkbox name=a2 value=c2运动 input type=checkbox name=a3 value=c3旅游;（3）下拉式菜单 要创建选项菜单应使用SELECT标记符，并将每个可独立选取的项用一个OPTION标记符标出来。 select size=1 name=a1 option value=1计算机/option option value=2英语/option option value=3心理学/option