下载文档原格式
<body></body> 段落标记background:网页背景图像<p>…</p> bgcolor：网页背景颜色align:left right center text:字体颜色强制换行标记link：可链接文字的色彩<br></br> alink：被鼠标点中时可链接文字的颜色预排格式标记vlink：已经单击过的可链接文字的颜色<pre></pre> leftmargin：页面左边距插入水平线标记topmargin：页面上边距<hr width=“宽度” size=“厚度”标题格式标记align=“对齐方式” color=“颜色”Alink：被鼠标点中时可链接文字的颜色noshacle：除阴影 > Vlink：已经单击过的可链接文字的颜色文本缩标记Leftmargin：页面左边距<blockquote>…</blockquote> Topmargin：页面上边距列表标记标题格式标记 1.无序<hn>标题</hn> （范围（h1-h6））<ul type= “加重符号类型”> align：left(左) right(右) center(中) <li type=“加重符号类型”>列1 bottom(底) top(顶) <li type=“加重符号类型”>列2 文字格式标记………<font face=“字体” size=“字号”</ul> color=“颜色”>文字</font> type:disc● circle○ square■字形设置标记 2.有序<b>字形</b> 粗 <u>字形</u> 下划线<ol type=“序号类型” stare=“起始号码”> <i>字形</i> 斜 <big>字形</big>文字增大<li type=“加重符号类型”>列1 <strike>字形</strike> 删除线<li type=“加重符号类型”>列2 <small>字形</small> 文字减小………<sup>字形</sup> 上标 <sub>字形<sub>下标</ol> <tt>字形</tt> 宽体 <em>字形</em> 强调 3.定义<bink>字形<bink> 闪烁 <cite>字形<cite>斜<dl> <dt>条目1<dd>条目1的说明<strong>字形</strong> 特别强调………</dl>文字滚动标记<img>的图像标记<marquee>文字滚动</marquee> <img> behavior(滚动方式):alternate(交替) sic：图片的路径 scroll(往复) slide(一次) longdesc：详细说明bgcolor：背景颜色alt：替代说明direction(滚动方向):up(上) down(下) width和height：图片的宽和高 left(左) right(右) border：图片外围边框的宽度height和width:滚动的区域hspace和vspace：水平和垂直方向空白loop：循环的次数值是-1 align：left right center scrollamount:滚动的速度加快<img>的视频标记scrolldelay:滚动的速度延迟src：静态图像的路径hspace和vspace:滚动的水平垂直空间dynsrc：视频的路径表格标记loop：infinite或-1(反复播放) <table> start(设置何时播放视频文件)：fileopen和mouseover <caption>表格标题</caption>→align controls:加播放控制条<tr>→align和valign loopdelay:两次播放的间隔<th>表头1</th> <th>表头2</th>…背景音乐标记</tr> <bgsound> <tr> src:音乐地址 loop：次数(-1) <td>(width和nowrap)表项1</td>…多媒体标记<embed></embed> </tr> src：多媒体的地址………height和width：播放的区域<table> hidden：播放面板的显示和隐藏值true和false summary:简要说明 bgcolor:表格的背景颜色autostart：是否自动播放(true和false) background:表格的背景图像 border:表格线的粗细loop:是否循环(true和false) width和height表格的宽和高 align：左、右、中超链接标记valign:顶、(middle)中、底 bordercolor:表格线的颜色<a>…</a> nowrap：禁止表格单元格内的内容自动换行href:链接到的目标的地址rowspan=n n=1 为一行单元格target:链接的目标窗口colspan=n n=1 为一列的合并self(原) blank(新) parent(上) top(整)1.表单标记<form><form name= “form_name” method=“method” action=“url” enctype=“value”target=“target_win”>……</form>name：设置表单的名称 method=处理程序从表单中获得信息的方式其取值为get和postaction：定义表单处理程序（asp、cgi等程序）的位置（相对位置或绝对位置）enctype：设置表单资料的编码方式 target：设置返回信息的显示窗口2.输入标记<input><input name=“field_name” type=“type_name”>name:设置输入区域的名称type：设置输入区域的类型（有10种）①文本域text（maxlength:文本域的最大输入字符 size：文本域的宽度 value:初始默认值）②密码域password(maxlength:密码域的最大输入字符 size：密码域的宽度)③文件域file（input type=“file”）④复选框checkbox(（checked）表示此项被默认选中 value：选中项目后传送到服务器端的值)⑤单选框radio(同4)⑥普通按钮button(value值代表显示在按钮上的文字)⑦“提交”按钮submit(value=“button_text”)⑧“重设”按钮reset（value=“button_text”）⑨图像域image(src:设置图片的路径)⑩隐藏域hidden（input type=“hidden”）3.菜单和列表的标记<select>和<option><select name=“name” size=“value” multiple><option value=“value” selected>选项一<option value=“value”>选项二………</select>size:显示的选项数目（multiple：不用赋值就可以直接加入到标记中，就成多选了）<optiop>→value:用来给<optiop>指定的选项赋值这个值是要传送到服务器上的（selected）：指定初始默认的选项4.文本框标记<textarea><textarea></textarea>name：名称 rows：设置文本框的行数 cols：文本框的列数1.框架集标记<frameset><framese cols=“value,value,…” rows=“value,value,…” framespacing=“value”bordercolor=“color_value”>……</frameset>cols:左右分割窗口（用“，”分割） rows：上下分割（用“，”分割）framespacing：框架集的边框宽度bordercolor：框架集的边框颜色2.框架标记<frame src=“file_name” name=“frame_name” scrolling=“value” noresize>…</frame>src：框架显示的文件路径 name：框架的名称（用来供超文本链接标记）scrolling：滚动条是否显示值(yes , no , auto)3.不支持框架标记<noframes>………</noframes>css1.css称为“层叠样式表”或“级联样式表”2.css的基本语法：html标记｛标记属性：属性值；标记属性：属性值；…｝列如：b,i,h1{color:red}3.css的实现方法（有三种）①在head内实现（叫内部样式表他写在html的<head></head>里面的）内部样式表要用style标记（<style type=“text/css”> h1{color:red}</style>）②在body内实现（叫内嵌样式他在body中实现，主要是在标记中引用，只对所在的标记中有效）③在文件外实现（叫外部样式表）<link href=“style.css” rel=“stylesheet”>4.三种css实现方法的比较样式的优先级依次是内嵌样式，内部样式表，外部样式表使用外部样式时相对于前两种有以下优点：②样式代码可以复用，一个外部css文件，可以被多个网页共用②便于修改，只需修改css文件，不用修改每个网页③提高了网页的显示速度欢迎您的下载，资料仅供参考！致力为企业和个人提供合同协议，策划案计划书，学习资料等等打造全网一站式需求。
第2章文本格式与超链接（1）段落格式本章目标•掌握段落标记符p、断行标记符br、标题标记符h1~h6、水平线标记符hr的用法。
•理解物理字符样式和逻辑字符样式。
•掌握使用ol/ul 和 li 标记符创建列表。
•掌握使用 a 标记符创建页面链接和锚点链接。
段落格式•段落格式是指针对 HTML 文档中的段落所设置的格式，例如段落的对齐方式。
•还有哪些段落格式？•首行缩进是不是段落格式？段间距呢？分段标记符•分段标记符用于将文档划分为段落，标记为<p></p>。
•换行标记符用于在文档中强制断行，标记为一个单独的<br />。
标题样式•hn 标记符 = 各级标题•n 是1至6的数字；h1表示最大的标题，h6表示最小的标题。
•注意：使用标题时应按照其逻辑含义，而不是按照其显示效果！添加水平线•添加水平线的标记符为hr，它包括以下属性：–size （粗细）–width （长度）–noshade （实线）align 属性•align 属性用于设置段落的对齐格式，取值：right（右对齐）、left（左对齐）、center（居中对齐）和 justify（两端对齐）。
•align 属性可应用于多种标记符，例如p、hn（标题标记符）、hr 等。
•注意：在学习了CSS技术之后应避免使用align属性。
第2章文本格式与超链接（2）字体格式与列表字体格式•字体格式/字符格式是指针对段落中的部分文字所设置的格式，通常包括：字体样式、字号、文字颜色等。
•注意：字体格式属于显示效果的设置，因此应主要使用CSS技术来实现。
物理字符样式•物理字符样式是指标记符本身说明了所修饰的效果。
•常用物理字符样式标记符有：–黑体标记<b></b>–斜体标记<i></i>–下划线标记<u></u>逻辑字符样式•逻辑字符样式是指标记符本身说明了所修饰效果的逻辑含义，例如address标记符。
《网页设计与制作》复习提纲一、考试方式：学校统一安排考试，闭卷二、考试时间：90分钟三、考试内容：以教材《网页设计与制作》为基础，以HTML语言为主要参考资料，请大家课外注意复习。
四、试题类型：选择题、判断题，简答题、设计题五、知识重点1）有关HTML的基础知识，如中文意思是什么？网页可以有那些开发工具？2）HTML用于描述功能的符号是什么？3）几种常用的标记符号如<HTML></HTML>、<Head></head><body></body>等等各有什么含义和作用?4) 有关颜色的基本知识:颜色是由哪三原色组合而成的?如何实现给背景添加颜色, 请设计几种方案;熟悉有关设计软件中的调色板及其使用方法。
写出实现红色的两种方法：代码或其他方案均可。
5)请熟悉FrontPage、flash、Dreamweaver等软件界面，及其相应区域的名称和作用。
例如：图一如图一所示，位置1是：标题栏；位置2是：文档所在的目录及文件名;位置3是: 网页编辑区; 标签选择器是:位置56)了解网址写法的规范和方法。
7)了解有关网页超连接方面的基础知识：种类、方法等。
8)了解网页使用图象方面的基础知识：可用图象种类、加载图象的方法。
9)试用HTML语言代码写出一个空白网页的基本代码，并指出相应的含义与作用。
10）能分析网页编制过程中出现的一些简单错误，并可以给出解决方案，如出现下面现象，如何处理：（1）将作好的网页拷贝到另一台机器上，结果发现网页上所有的图片都不显现（对应位置是个红叉）；（2）网页中添加的音频效果，在另外机器上无法播出，提示找不到播放工具。
11）试代码写出在HTML 中实现动态字幕的方法，并将“欢迎光临我的主页”的字样加入到网页, 要求: 向右移动,背景红色,字体黄色, 字体大小三号, 循环移动.参考：……<body><marquee bgcolor=red direction=right > <font size="+3" color=yellow> 欢迎光临我的主页!</marquee></body> ……12）有关网页发布与维护方面的基础知识（1）有人做了一个网站，涉及很多资源，并且都在一个文件夹下面，从方便维护角度，你认为他这么处理好不好，你有什么建议？13）了解设计个人主页的基本步骤。
一、单项选择题在每小题列出的四个备选项中只有一个是符合题目要求的，请将其代码填写在题后的括号内。
错选、多选或未选均无分。
1、网页设计时，网页窗口大小一般设定为（）A．640 x 480B．800 x 600C．1024 x 768D．任意大小2. HTML是一种页面( )型的语言。
A. 程序设计B. 执行C. 编译D. 描述3. 为了标识一个HTML文档应该使用的HTML标记是( )。
A. <P>与</P>B. <BODY>与</BODY>C. <HTML>与</HTML>D. <TABLE>与</TABLE>4. 在HTML语言中，有些符号由于被标记或标记的属性所占用，在HTML文本中用特殊符号表示，“ ；”代表( )符号。
A. <B. >C. &D. 空格5. 当<INPUT>标记的TYPE属性值为( )时，代表一个可选多项的复选框。
A. TEXTB. PASSWORDC. RADIOD. CHECKBOX6.在网页中最为常用的两种图像格式是( )。
A.JPEG和GIFB.JPEG和PSDC.GIF和BMPD.BMP和PSD7.HTML语言中的段落标记是( )。
P37A.<html>B.<br>C.<title>D.<p>8. 使用嵌入式方法引用样式单应使用的标记是( )。
A.<link>B.<object>C.<style>D.<head>9、HTML文件中，下面哪一个标记中包含了网页的全部内容（）A．<Cent er>…</center>B．<pre>…</pre>C．<Body>…</Body>D．<Br>…</Br>10.超级链接属于( )。
1.<Hi>标题标记[示例1]标题标记，在记事本中输入以下HTML语句，保存后浏览效果，如图所示。
<html><head><title>我的花店</title></head><body><h1>欢迎你访问我的花店!</h1><h2>欢迎你访问我的花店!</h2><h3>欢迎你访问我的花店!</h3><h4>欢迎你访问我的花店!</h4><h5>欢迎你访问我的花店!</h5><h6>欢迎你访问我的花店!</h6><h7>欢迎你访问我的花店!</h7></body></html>说明：<hi>标记符用于定义段落标题的大小级数。
最大的标题级数是<h1>，最小的标题级数是<h6>。
使用<hi>标记符的align属性可控制文字的对齐方式，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。
2. <P>段落标记符[示例2]段落标记符，输入HTML语句如下，保存后的浏览效果如图所示。
<html><head><title>我的花店</title></head><body bgcolor="#FFFF99"><h1 align="center">我的花店!</h1><p align="center">欢迎您访问我的花店</p><p align=“center”>花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!</p><p align="center">祝愿进入我的花店的朋友天天有好心情!</p></body></html>说明：<P>标记符用于划分段落，控制文本的位置。
网页设计段落标记方式
段落是文章中最基本的单位，是具有一个完整的意思的一个或多个句群。
在排版过程中，对段落的开头（即段首）进行差异化处理，有助于使读者更加轻松地识别段落，判读内容。
美化段首的方式主要有以下几种。
●段首缩进
段首缩进是中文中最常用的段首标记方式。
目前，绝大多数中文网页和中文出版物都在使用这一方法。
中文段落的段首缩进使得段落的条理更加清晰，更易于判读。
然而，很多企业的中文网站都忽视了中文这一习惯，如图3-72所示。
图3-72 无任何标记的段落
●段首突进
段首突进也是一种典型的段落标记方式。
这种段落标记方式源于古代的一些政府文书，现在经常被应用于一些竖排文字的网站，如图3-73所示。
图3-73 香港中国文化研究院
●首字放大
首字放大是中文杂志中典型的篇首或段首文字标记方式。
在众多的中文杂志网络版中，也大量应用了这一方式。
在网页中，首字放大往往同时伴随首字的差异化颜色设计，例如，正文文本为黑色，而首字为放大的橙色等，如图3-74所示。
图3-74 《世界经理人》杂志网络版。
