网页设计总复习.ppt

HTML标记语言HTML的基本结构html

head

title/title

文件头部分metahttp-equiv=Content-Typecontent=text/html;charset=gb2312

/head

body

文件体部分

/body/htmlHTML的基本语法，标记符号的表示方式双边标记：也叫成对标记，需要两个标记组合才能完成所需功能。如title及/title、html及/html等。单边标记：只要一个标记就能完成所需表示的功能。如hr、br、img。HTML标记不区分大小写，混合写也是可以的。常用的HTML标记的意义与用法页面标签：是对网页的整体参数进行设置的标签，必须掌握的是文档标签html/html：标示网页文档开头和结尾。文件头标签head/head：标题名等网页信息。文件体标签body/body：定义网页显示的内容和格式。标题标签title/title：定义在网页标题栏显示的标题。body的常见参数设置实例:

bodybgcolor=blue,设置背景颜色为蓝色。

bodybackground=image/bg.jpg，设置image目录下的bg.jpg图片为背景（注意：当上面两个属性同时设置时，背景图起作用）格式标签：用来设置网页上文本和段落的排版格式，这些标签必须放在body/body之间。常用的有：01换行标签br：放在一行的末尾，可使后面的文字换到下一行而不会留下空行。添加标题02段落标签p/p：放在一段文字末尾，定义一个新的段落。添加标题文本标签，用来定义网页上字符的样式。常用的有：标题字体标签h1/h1h6/h6：设定标题文字的大小，取1最大，取6最小。字体标签font/font：可设置网页文字的字体、字号和颜色。font参数设置实例：

fontsize=16color=redface=楷体华工/font图形图像标签：直线标签hr：在网页中插入一条分隔线。图像插入标签img：将一幅图像加入到网页中。hr参数设置实例：

hrsize=6color=redwidth=80%align=center插入一条宽6象素，红色，长度为浏览器宽度80％的水平线img参数设置实例：

imgsrc=tu1.jpgwidth=100height=100align=right插入图片tu1.jpg，宽高均为100象素，靠右对齐。

*链接标签a/a：在网页上建立超链接。ahref=“”/a

设置实例：ahref=“taiyang.htm”太阳系/a页面加入背景音乐标签bgsound设置实例：bgsoundsrc=sound/bouree.midloop=1页面添加背景音乐sound目录下的bouree.mid，播放一次。表格标签：STEP03STEP01STEP02表格标签table/table：在网页中创建一个表格。标题标签caption/caption：给表格加上标题。表头标签th/th：表格的第一行，文字按粗体居中显示。行标签tr/tr：用来创建表格中的每一行。只能放在table/table之间使用。在此标签对中加入文本将是无效的。标签td/td：用来创建表格中一行中的每一个单元格，此标签对不能直接放在table/table之间，必须放在tr/tr标签对之间才有效。表格中的所有的文本和其他信息只有放在td/td标签对中才有效。单击此处可添加副标题表格标签应用综合实例：tableborder=1caption公共管理学院/captiontrthwidth=“100”height=“20”行政1班/ththwidth=“200”height=“20”行政2班/th/trtrtdwidth=“100”height=“20”30人/tdtdwidth=“200”height=“20”40人/td/tr/table单击此处添加大标题内容设定链接的目标窗口_parent在上一级窗口中打开。

例：ahref=文件名.htmTarget=_parent_blank在新窗口中打开。

例：ahref=文件名.htmTarget=_blank_self在同一个窗口中打开。

例：ahref=文件名.htmTarget=_self_top忽略任何框架，在浏览器的整个窗口中打开。

例：ahref=文件名.htmTarget=_top二、网页制作工具和软件1.网页制作工具所见即所得的工具：Dreamweaver和FrontPage