高二信息技术复习3.ppt

HTML详解,高二年级信息技术复习,HTML要求,能读懂普通网页的源代码，并能根据要求在文本编辑器中对源代码作适当修改。,HTML元素的三种表示方法,1、文件或超文本 2、文件或超文本 3、 注意：方法3仅用于一些特殊的标签表示，例如换行标签，它仅仅通知浏览器在此处换行，因而不需要界定作用范围，所以它没有结束标记。,1、基本结构 一般HTML文件分为两大部分：头部信息和主体标记,HTML应知的标记及属性设置方法,1、基本结构 （1）头部信息： 头部的代码主要用来为网页的浏览及网页中程序代码的执行提供准备。 （2）主体标记： 主体标记间的内容是HTML文件的主体部分，在网页被浏览时，这部分内容将在浏览器主窗口中显示。其常用属性及设置方法如下：,HTML应知的标记及属性设置方法,HTML应知的标记及属性设置方法,2、文字设置 （1）标题级别 （n=1、2、3、4、5、6） 对齐方式：align=对齐方式，三种方式：left,right,center. 例如：网络技术应用 （2）字体设置： 文本显示的特征（大小、字体、色彩等），常用的属性有： size=n (n=1、2、3、4、5、6、7) color 设置文本的色彩 face 设置文本的字体 例如：常用教学网址 （3）其他标记 文本加粗 文本加下划线 文字斜体,HTML应知的标记及属性设置方法,3、表格设置 （1）表格结构 1_1 1_2 2_1 2_2 3_1 3_2 ,HTML应知的标记及属性设置方法,一个表格从标记开始，到标记结束。其主要属性为：,HTML应知的标记及属性设置方法,和主要属性 ：,HTML应知的标记及属性设置方法,和主要属性 ：,HTML应知的标记及属性设置方法,5、背景声音设置 当loop取值为-1或infinite时声音会无限次重播。 6、视频设置 ，常用属性：,HTML应知的标记及属性设置方法,7、框架设置 （1）纵向排列多个窗口示例： ,（2）横向排列多个窗口示例 ,（3）纵横排列多个窗口示例 ,HTML应知的标记及属性设置方法,（4）frameset 框架主要属性,（5）frame 子窗口主要属性,HTML应知的标记及属性设置方法,8、超级链接 通过文字链接到另一页面： 链接文字 通过图片链接到另一页面： 书签链接： 定义书签： 书签文字 链接到本页面中的书签： 链接文字 链接到另一页面中的书签： 链接文字 9、表单 ,HTML应知的标记及属性设置方法,10、滚动字幕 ,11、 SPAN标签作用是方便对给出样式通用类定义进行引用，无须将样式通用类附加在HTML的其他标签上。SPAN的存在纯粹是应用样式，所以当样式表失效时它就没有任何的作用。使用方法参见“CSS样式表”讲义的试题练习中单选题的第3题。 互联网上有大量免费软件和共享软件。,补充材料,1、CSS常用属性 color：设置文字颜色 font-family:：设置文字字体 font-style：设置文字样式，斜体取值italic font-weight：设置文字的粗细，加粗取值bold font-size：设置文字大小，12磅取值12 pt font-decoration：修饰文本字体，带下划线取值underline text-indent：设置文本缩进，缩进两个汉字取值2 em text-align：设置文本对齐方式,补充材料,2、色彩表示 色彩表示有三种方式： （1）使用十六进制数#rrggbb， （2）使用RGB函数， （3）使用颜色名称 例如红色，可以用#ff0000表示，也可以用rgb(255,0,0)表示，也可以用red表示 RGB函数：rgb(r,g,b)，其实r、g、b都是十进制数，取值0-255，超出范围的数值将被截至其最接近的取值极限,补充材料,3、注释语句 HTML的注释语句为 JavaScript的注释语句用 / 开始 注释语句在文件中起到说明作用，但是在文件执行过程中是被忽略的。所以在代码中，千万不能将要被执行的语句放在注释语句中（CSS代码例外）。 用在CSS代码中有特殊的作用 4、常用单位 px 像素 pt 磅 em 字符,HTML详解试题练习单选题,1、下列关于HTML语言描述不正确的是（ ） A、FrontPage是制作网页的软件，它和HTML无关 B、HTML语言中可以嵌入如ASP、JAVA等编程语言. C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的 D、HTML文档本身就是文本格式的文件,A,HTML详解试题练习单选题,2、超文本标记语言 新浪网的作用是（ ） A、创建一个指向新浪网的电子邮件 B、插入一幅新浪网的图片 C、创建一个指向新浪网的超级链接 D、插入一段新浪网的文字,C,通过文字链接,HTML详解试题练习单选题,3、在HTML语言中，用于定义超级链接的标记是（ ） A、 B、 C、链接源 D、,C,HTML详解试题练习单选题,4、为了标识一个HTML文件，应该使用的HTML标记是（ ） A、 B、 C、 D、,B,HTML详解试题练习单选题,5、HTML语言中，表格标记符是（ ） A、 B、 C、 D、,D,HTML详解试题练习单选题,6、下面哪几段代码是正确的（ ） A、 .abcfont-size:12pt;color:green B、 .abcfont-size:12pt;color:green C、 alert(“hi! “) D、 alert(“hi! “) ,BC,HTML详解试题练习单选题,7、下面哪个标签表示开始一个段落（ ） A、 B、 C、 D、,A,HTML详解试题练习单选题,8、下面哪个标签表示开始一个表格（ ） A、 B、 C、 D、,B,HTML详解试题练习单选题,9、下面哪个标签表示开始一个单元格（ ） A、 B、 C、 D、,C,HTML详解试题练习综合分析题,1、添加一个图像的HTML代码的选项是( ) A、 B、“图片文件名“ C、 D、,D,HTML详解试题练习操作题,1、打开C:GATDoc中的wy1.HTM网页文件，进行编辑修改。 （1）在源文件中适当位置插入如下一段代码，用以实现在页面上方显示滚动字幕“Welcome to my homepage!” Welcome to my homepage! （2）将源文件中另一条滚动字幕