使用HTML语言复习重点
HTML基础总结
表单
Type的用法 类型 Text Password Radio Chexkbox Reset File Submit Image Button Hidden 功能 单行文本输入 密码 单选 多选 重置表单数据按钮 文件上传 提交表单数据按钮 图形提交按钮 普通按钮 隐藏域
表单
注意点
文本框value及size 2. 单选按钮checked,name 3. 复选框的name要一致 4. 下拉列表selecked默认选中和 value值 5. 禁用disabled 6. 文本域具有name、cols和rows属性。cols和rows 属性分别用来设置文本框的列数和行数和只读 readonly
1.
常用标签注意
注意点 如果把<br>加在<p></p>标志对的外边，将创 建一个大的回车换行，即<br>前边和后边的文 本的行与行之间的距离比较大。若放在<p></p> 的里边则<br>前边和后边的文本的行与行之间 的距离将比较小。 <h1>字号最大<h6>字号最小 <hr>没有结束标记. size用来设置水平线的厚度， 而width用来设定水平线的宽度，默认单位是像 素。noshade属性不用赋值，而是直接加入标 志即可使用，它是用来加入一条没有阴影的水 平线，不加入此属性水平线将有阴影。
CSS样式
CSS基本语法 <style type=“text/css”> 选择器{ 对象的属性 : 属性值; } </style> CSS优势
内容和样式的分离 2. 样式复用提高效率 3. 页面控制精确 4. 有利于搜索引擎搜索
HTML课程 总结复习
HTML复习题
一．单选50题50分二．多选题10题20分三．判断题15题15分四．简答1题15分选择题1．在HTML中,表示页面背景的是( )A．＜body bgcolor=＞B．＜body bkcolor=＞C．＜body agcolor=＞D．＜body color=＞＜body leftmargin=？＞，表示（）A．页面左边的表格大小B．页面左边的空白大小C．页面左边的可用区域大小D．页面左边的可编辑区域大小HTML中＜body text=red＞，表示（）A．正在点击文字的色彩是红色B．可链接文字的色彩是红色C．非可链接文字的色彩是红色D．已链接文字的色彩是红色。
？？禁止表格格子内的内容自动断行的HTML代码是？A．＜tr valign=?＞B．＜td colspan=#＞C．＜td rowspan=#＞D．＜td nowrap＞？？在HTML中，标记＜pre＞的作用是( ) A．标题标记B．预排版标记C．转行标记D．文字效果标记？？以下css样式的定义不正确的是（）A．em.very{color:red;}B．h1 em{color:red;}C．div#gaudi{color:red;}D．a.link{color: red;}HTML代码＜img src=""name""＞表示?A．添加一个图象B．排列对齐一个图象C．设置围绕一个图像的边框的大小D．加入一条水平线跨多列的表元的HTML代码为（）A．＜th colspan=#＞B．＜th rowspan=#＞C．＜td colspan=#＞D．＜td rowspan=#＞//在HTML中,＜form action=?＞,action表示()A．提交的方式B．表单所用的脚本语言C．所需运行的脚本在服务器上的位置D．表单的形式CSS侧重于（）A．Web页的继承性和表现B．组织和查找数据C．网页的初始创建D．Web页内容的动态表现加入一条水平线的HTML代码是?A．＜hr＞B．＜img src="name" border=?＞C．＜img src="name" align=?＞D．＜img src="name"＞表示新开一个窗口的超链接代码是（）A．＜a href=URL target=_new＞..＜/a＞B．＜a href=URL target=_self＞..＜/a＞C．＜a href=URL target=_blank＞..＜/a＞D．＜a href=URL target=_parent＞..＜/a＞不属于把CSS样式表与HTML网页关联的方法。
HTML期末复习题(勿删)
HTML期末复习题第1题判断正误1、所有的HTML标记符都包括开始标记符和结束标记符。
（×）2、创建图象映射时，理论上可以指定任何形状作为热点。
（√）3、网站就是一个链接的页面集合。
(√)4、制作图像映射只需要使用<AREA> 标记符。
( ×)5、网站就是一个链接的页面集合。
（√）6、在HTML表格中，在TR、TD或TH标记符中使用align 属性可以控制单元格内容的垂直对齐。
(√)7、HTML表格在默认情况下有边框。
（×）8、指定滚动字幕时，不允许其中嵌入图象。
( ×)9、CSS中的color属性用于设置HTML元素的背景颜色。
(×)10、CSS样式表项的组成格式为：selector{property1:value1, property2:value2, ……}( ×)11、将网页上传到Internet时通常采用FTP方式。
（√）12、HTML是HyperText Markup Language（超文本标记语言）的缩写。
超文本使网页之间具有跳转的能力，是一种信息组织的方式，使浏览者可以选择阅读的路径，从而可以不需要顺序阅读。
（√）13、在源代码窗口可以看到html文件是标准的ASCII文件，它是包含了许多被称为标签(tag)的特殊字符串的普通文本文件（√）14、HTML标记符的属性一般不区分大小写。
（√）15、在Dreamweaver中，可以对层中、表格中、帧中的任何文字和图像制作网页超链接、E-mail超链接、多媒体超链接和下载文件的超链接。
（√）16、指定滚动字幕时，不允许其中嵌入图象。
（×）17、内嵌视频是指可以在浏览器中播放的视频文件，例如QuickTime和RealVideo等格式的文件（√）18、超链接：是一种标记，形象的说法就是单击网页中的这个标记则能够加载另一个网页，这个标记可以做在文本上也可以做在图像上。
第2章 html基础语法
第2章目录
第2章 HTML语言基础 HTML语言基础
六、超链接标记
链接－当前页面与其他相关页面间的联结关系；链 接的目标可以是任何图像和文件。若浏览器能识别就显 示，不能识别就下载 格式：<A>…</A> 功能：在当前页面和其他页面间建立链接。 主要属性见附表。 【举例2 【举例2－7】超级链接
第2章目录
第2章目录
功能：分区显示文档(布局)
第2章 HTML语言基础 HTML语言基础
说明：在一个文本块或许多段落中设置布局(对齐) 方式，经常使用DIV，它可以将文档内容分成区块一次 性地布局
注意：★若单个align属性出现在DIV内的标题或段 注意：★若单个align属性出现在DIV内的标题或段 落中,这些值将使全局变量DIV的设置无效 落中,这些值将使全局变量DIV的设置无效 ★DIV不是段落类型，故DIV应与其它标记配 DIV不是段落类型，故DIV应与其它标记配 合使用( 合使用(如P、Hn、UL、BLOCKQUOTE等) Hn、UL、BLOCKQUOTE等 ★也可以用CENTER代替DIV 也可以用CENTER代替DIV
第2章目录
【举例2 【举例2－4】文本标记综合示例
第2章 HTML语言基础 HTML语言基础
四、列表格式标记
1、有序列表 格式：<OL type=“符号类型”> <LI type=“符号类型”>……</LI> <LI type=“符号类型”>……</LI> …… </OL> 功能：建立有序列表
第2章目录
第2章目录
【举例】<Br>标记 【举例】<Br>标记
第2章 HTML语言基础 HTML语言基础
HTML语言复习题
23.不属于标签<MARQUEE>的属性为（D）。
A LOOP B DIRECTIO Nhomakorabea C BEHAVIOR D HIDDEN
24.网页的技术构成不包括（C）。
A HTML B CSS C超连接D ASP
25.以下哪一种方法不是编写HTML文件的主要方法（D）。
C. <a Src= Chapt3.html#Sect_2 TarGet=_Blank>第3章第2节</a>
D. <a Href= Sect_2#Chapt3.html#Sect_2 TarGet=_Blank>第3章第2节</a>
11.在HTML文档中，要定义一个宽400像素，高200像素的表格，正确的<table>标记是（D）。
19____框架___的作用是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。
20背景音乐的标记是_<BGSOUND>_________，设置背景音乐的循环次数是使用LOOP属性。
21在网页中插入图片的标记是<IMG>，其中设置图像提示文字的属性是_____ALT______。
22.网页的基本构成元素包括文本、____图像______、超链接、表格、表单、动画、框架。
C. <Metahttp-Euiqv=ReFresh Content=15 URL=>
D. <Metahttp-Euiqv=ReFresh Content=15 SRC=>
2.在HTML页面中插入半角的大于号>，应使用的代码是（D）。
A. <Table Border=400 High=200>B. <Table Length=400 High=200>
初识html语言
初识html语言
一、教学目标：
1. 知识与技能
认识网页表达的实质，了解html文件的基本结构，掌握常用的网页元素的标记，并能够对网页的HTML代码进行简单的修改。
2. 过程与方法
通过对网页中文字、图片、超链接等常用网页元素的标记观察与分析，归纳html语言的特点及html文档的基本结构。
3. 情感态度与价值观
培养学生探索新知的能力。
二、教学重点与难点
1. 教学重点: HTML语言的特点及html文档的基本结构，文字、图片、超链接等网页元素的HTML标记格式。
2. 教学难点: 标记的使用和简单修改。
三、教学方法与手段
任务驱动法、观察对比法、讲授法
四、教学过程
五、教学反思
通过今天的学习，我们了解了html语言的概念，知道了html标记的两种格式，通过观察、分析了解了html文档的基本结构，学会使用记事本修改简单的
网页。
学习html超文本标记语言，可以给我们的网页添加一些网页制作工具所不能达到的效果。
HTML复习
HTML/XML复习题一、判断对错（正确T 错误F）1.HTML本身包括网页本身的文本和标记两部分，文本是网页上的内容，标记是用来定义文本显示方式2.标记必须用<>括起来3.<>与标记名之间不能有空格或其他字符4.标记是成对的，有开始标记有结束标记，有些标记是单标记，只有开始标记没有结束标记。
5.标记不区分大小写6.属性是可选的没有先后顺序7.标记的属性带有特定的值，属性值包含在直引号中。
8.标记嵌套的规则是先开始的标记后结束，后开始的标记先结束。
9.<head>标记定义页面标题，搜索引擎包括页面的信息，除标题以外的其他内容对访问者是不可见的。
10.网页中整体字体尺寸用basefont标记中的size属性来定义11.定义网页中所有文字的默认颜色用body标记中的text属性来定义12.定义颜色的属性值可以用颜色的英文如：red;也可以用RGB表示方式如：122,139,42；还可以用#******来表示，取值从0-9，a-f13.上标标记是 <sup> ，下标标记是 <sub>14.JPEG是最常用静态图像文件格式，是一种有损压缩格式，支持颜色信息丰富，但不能保存透明区域。
15.Swf是FLASH软件生成的动画影片格式，够用比较小的体积来表现丰富的多媒体形式。
16.<img>标记中border属性用来定义图片的边框17.<img>标记中图像左右空白属性为hspace,图像上下空白属性为vspace18.设置网页的背景图片使用<body>标记中的background属性，背景图片使用bgcolor属性。
19.预定义格式化文本标记是<pre>20.body标记中Link属性定义未被访问过的链接颜色；alink属性定义链接激活状态的链接颜色；vlink属性定义已被访问过链接的颜色21.target属性用来定义链接打开窗口，当属性值为blank是定义链接在新窗口中打开。
网页设计复习提纲
表单Form语法说明
name：给定表单名称，表单命名之后就可以用脚本语言 (如JavaScript或VBScript)对它进行控制。 – action:指定处理表单信息的服务器端应用程序。 – method :用于指定表单向服务器提交数据的方法，可以 为get或是post，默认方式是get。
–
<form name="…" action=".." method="…"> … </form>
–
<frame scrolling="yes或no或auto">
语法说明：
–
yes表示为显示滚动条，no表示不显示滚动条，auto为 自动设置。
表单使用的<form>标记是成对出现的 表单Form基本语法：
<form name="…" action=".." method="…"> <input> …. <select>…..</select> … <textarea>…</textarea> </form>
-“1”：指定项目编号为阿拉伯数字（IE浏览器的默认值）； -“a”：指定项目编号为小写英文字母； -“A”：指定项目编号为大写英文字母； -“i”：指定项目编号为小写罗马数字； -“I”：指定项目编号为大写罗马数字。
编号起始值
使用有序列表标记的start属性后，用户则可改变 编号的起始值。 start属性值是一个整数，表示从哪一个数字或字 母开始编号。例如，设置start="3"，则有序列 表的列表项编号将从“3”、“c”、“C”、“ⅲ” 或“Ⅲ”开始编号。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
容器标签。Action:提交后所指定的程序处理。语法:action=”URL”;method:告 诉浏览器如何将数据发送给服务器 method={get|post}使用 post 更为安全。 2、 表单的统一格式：<FORM name=”form3” method=”post” action=”URL”> <INPUT type=”checkbox” name=”chkgen” value=”男” size=”32” maxlength=4 checked=”checked”> …<FORM> <INPUT>:需要在表单中显示的控件类型和外观；type:表单元素类型 {text;password;checkbox;radio;submit;reset;file;hidden;image;button;默认 text} Name:表单中各元素名称，作用于表单内。value：初始值。size:宽度。 3、 下拉列表：通过<SELECT>和<OPTION>标签来实现的，<SELECT>显示可供 用户选择的下拉列表，每个选项由一个<OPTION>标签表示。语法： <SELECT name=”列表名称” size=”列表中可看到的行数”> <OPTION value=”可选值” selected>….</OPTION> <OPTION value=”可选值”>…..</OPTION> </SELECT> 4、 按钮[普通 button|提交按钮 submit|重置按钮 reset],普通按钮用来响应 onClick 事件。语法：<INPUT type=”reset” name=”myreset” value=”重填”> value:按 钮上显示的文字。 5、 多行文本：语法：<TEXTAREA name=”textarea” cols=”40” rows=”6”>文本内 容</TEXTAREA> 标签中不能使用 Value 属性赋初值。 框架部分：可以把浏览器窗口划分为多个区域，每个区域可以显示不同的网页， 每次浏览着在访问框架页面时，只下载框架页面中变化的区域，对于不变化的区 域，不用重新下载，从而给浏览者带来方便，节省下载时间。 为什么使用框架：在页面一个固定部分显示 Logo 或静态信息；左侧框架显示目 录，右侧框架显示内容；框架能有机的将多个页面组合起来，各页面间相互独立 又可相互联系。 1、 框架(FRAME):是浏览器中一个区域。 2、 框架集(FRAMESET):是一个网页文件，它将一个窗口通过横向或纵向方式分 割成多个框架。语法：<FRAMESET cols=”25%,50%,*” rows=”50%,*” border=”5”> <FRAME src=”URL” name=”名字” scrolling=”NO|YES” oresize> ….</FRAMESET> 通过 rows 和 cols 来设置，上下分割用 rows，左 右分割用 cols.单位像素或百分比。noresize:禁止改变窗口大小 3、 创建多个复杂窗口：
10、<P>..</P>:段落标签，自动开始一个新段落可包含 align 属性设置左对齐，居中等。 <P align=”center”> 淘宝网</P> 11、<BR>:标签结束一行，但又不想开始一个新的段落时使用。 <p align=”center”> 内容 1<BR> 内容 2<BR> 内容 3<BR> 内容 4</p> 12、<IMG>:插入图像，标签可以放在要显示图像的位置,它使用 src 属性指定图像源文 件所在的路径。 <IMG src=”images/adv.jpg” width=”300” height=”150” alt=”明星演 唱会开幕” align=”center”> alt:如果图像没有下载，在图像中显示的文字；如 果下载完毕，将鼠标放在该图像上,能显示 alt 指定的提示信息。 理解<IMG>标签中 align 属性“top、middle、left、right、bottom”设置相对周围 文本的对齐方式。 • 常见的图片格式介绍 图 像 类 型 优点 缺点 适用场合 制作工具
4、 设置窗口连接显示位置：需要用<FRAME>标签中 name 属性和<A>的 target 属性。
框架页面之间的连接：例如 scond.html 中的 html 代码: <A href=”buy.html” target=”clientframe”>购买向导</A> <A href=”sale.html” target=”clientframe”>销售向导</A>其中 but.html 和 sale.html 将显示在框架右下的区域中。 5、 设置窗口连接显示位置：到 4 个特殊窗口：还是 target 属性，可取 4 个值。 _blank:新启一个窗口打开连接； _self:在同一个窗口中打开，默认取值； _parent:在上一级窗口中打开(框架页面中使用较多); _Top:在整个浏览器中打开。 四：CSS 样式表(Cascading Style Sheet 层叠式样式表) 使用 CSS 几个原因： 1: HTML 标签外观样式比较单一，用 CSS 进行控制更多彩。 2: 样式表作用相当于华丽的衣服。3:能实现内容与样式分离，方便团队开发。 1：样式表基本语法：selector，property, value3 部分组成。<STYLE>..</STYLE> 标签之间的所有内容都是样式规则，样式规则第一部分称选择器：是 HTML 的表记关键字如：<TABLE>、<P>、<FORM>等。 <STYLE type=”text/css”> p{color:red;font-size:30px;font-family:隶 书;}…</STYLE>说明：p:选择器；属性名:属性值； 2：类样式(class)语法：<STYLE type=”text/css”> .red{color:red;font-family:隶 书;font-size:50px;}…</STYLE> 注意类名前面有一”.”号(.red)，类名可随意命 名，应该以有意义的名称。用法：<H1 class=”类名”>…..</H1> 3：ID 样式语法：#ID 名{样式规则;} 用法:<p ID=”ID 名”> </p>。 注意：ID 名可以随意命名，但在整个网页中必须唯一，不能重名。每个 ID 在 一个页面中只能使用一次。ID 样式一般用于页面的唯一元素，如页眉、导航 栏、页脚蹬部分。 例： #layer1{ position:absolute; Left:9px; top:12px; width:400px; height:50px; z-index:1; } 用法:<DIV ID=”layer1”>内容</DIV> Position:absolute;表示绝对定位，也就是被定位的元素位置固定 不变。 4: 常用的样式属性： 文本属性： font-size:字体大小;font-family:字体类型;font-style:样式;color:颜色； text-align:对齐方式；text-decoration：文字底部样式{none;underline } 背景属性： background-color:背景颜色;background-image:背景图 像;background-repeat:图像显示方式{repeat:铺满整个区域;no-repeat:不平 铺;repeat-x:水平方向平铺;repeat-y:垂直方向平铺} 5：方框属性： 边界属性： margin-top:对象上边距； margin-right:对象右边距; margin-bootom:对象下边距 margin-leftgif
有损压缩 、画 网页图片 面失真
Photoshop Photoshop
支持 Internet 标准 , 支持有限的透 网页图片 支持无损耗压缩和透 明度 ,效果不如 明度，很流行 别的图像
*.swf 体积小,便于网络传输 制作麻烦
网页动画
Flash photoshop
使用 HTML 语言复习重点
一：HTML 的基本标签 1: <HTML>…</HTML>:告诉浏览器这两个标签中的内容为 HTML 文档。 2:<HEAD>…</HEAD>: 这部分内容显示在网页标题栏中的标题和其他网页中不显的 信息。 3:<TITLE>…</TITLE>: 标题包含在该标签内 4:<BODY>….</BODY>: 网页主体部分可显示文本、图像和链接内容。 5:<META>：指定浏览器使用的字符集。 <META http-equiv=”Content-type” content=”text/html;charset=gb2312”> 6:<BODY bgcolor=”#FFCCFF” background=”back_image.gif”></BODY> 页面背景颜色 或图像. 7、<H1>---<H6>标题标签 <BODY><H1>一及标题</H1></BODY> 8、<FONT>用于控制网页上文本和显示外观，文本大小、字体类型和颜色等。 <FONT size=”+2” color =”red” face=”隶书”> 文本内容 </FONT> 9、特殊符号 特殊字符 空格 引号(“”) 小于(<) 大于(>) 版权号(© ) 转义码 " < > ©