Download presentation
Presentation is loading. Please wait.
1
授课教师:姬广永 QQ:41588872 TEL:13589841020 学习交流网站:http://xin126.cn
第二章 超文本标记语言HTML (五) 授课教师:姬广永 QQ: TEL: 学习交流网站:
2
会移动的文字 基本语法 <marquee> ... </marquee> 例: HTML--marquee.htm
3
会移动的文字 文字移动属性 (1)方向 :direction=# #=left, right,up,down 例:
<marquee direction=left>啦啦啦,我从右向左移!</marquee> <marquee direction=right>啦啦,我从左向右移!</marquee> <marquee direction=up>啦啦啦,我从下向上移!</marquee> <marquee direction=down>啦啦,我从上向下移!</marquee>
4
会移动的文字 2、文字移动属性 方式: behavior=# #=scroll(循环), slide(只走一次)
alternate(来回走,文字在边界内撞来撞去) 循环: loop=# #=次数;若未指定则循环不止(infinite)
5
会移动的文字 2、文字移动属性 (4)速度: scrollamount=# (5)延时: scrolldelay=#
6
会移动的文字 3、其他属性 (1)底色: bgcolor=# (2)面积: height=# width=#
#=RRGGBB 16 进制颜色代码 (2)面积: height=# width=# (3)空白:hspace=# vspace=#
7
Blink标记 <blink>标记能够使包含的内容闪烁。
只适用于Netscape Navitgator浏览器
8
XHTML XHTML: 是可扩展超文本标记语言eXtensible HTML的缩写,建立在HTML4.0基础之上。
9
打开Dreamweaver ,新建HTML文档
标准XHTML文档结构
10
XHTML文档类型声明 标准的XHTML 文档需要以DOCTYPE标记开始,文档类型明明通常有以下三种类型: (1) 过渡类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 使用过渡类型的XHTML文档,浏览器对XHTML的解析比较宽松,允许使用HTML4.01中的标记,但是要符合XHTML的语法。
11
XHTML文档类型声明 (2) 严格类型 浏览器对XHTML的解析比较严格,不允许使用表现样式的元素和属性,提倡内容与样式分开。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " 浏览器对XHTML的解析比较严格,不允许使用表现样式的元素和属性,提倡内容与样式分开。 (3) 框架类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " 如果文档使用了框架结构,就需要使用框架类型。
12
XHTML遵循严格的语法规则 (1) 文档中的根元素之前必须有 DOCTYPE 声明
DOCTYPE声明必须引用 XHTML 的三个文档类型定义 (DTD) 文件(严格、过渡或框架页)之一。 (2) 文档的根元素必须为 html html 元素必须指定 XHTML 命名空间,将 namespace 属性添加到 html 元素,例如: <html xmlns=" (3) 标准文档必须包含完整的结构元素 标准的文档必须包含 head 、title 和 body 结构元素。框架集文档必须包含 head 、title 和 frameset 结构元素。
13
(4) 标记必须成对使用 空元素必须有结束标记,或者开始标记必须以 /> 结束。例如,<br> 无效;正确的形式为 <br></br> 或 <br /> (而不是 <br/>) (5)标记中属性名必须小写 例如:<marquee width="300">,其中width必须小写,不能使用WIDTH或者Width。 (6) 属性值必须用引号括起来 虽然直接填写属性值一般不会出现显示错误,但是XHTML规定必须使用引号把属性值括起来。
14
(7) 属性不允许简写 在HTML表单设计中经常使用简写属性,例如设定该选项初始状态为被选中。 <input name="radiobutton" type="radio" value="radiobutton" checked /> 但是XHTML不允许属性简写,要求必须使用完整的属性语法。例如: <input name="radiobutton" type="radio" value="radiobutton" checked="checked" />
15
(8) 使用id作为名称属性 HTML中使用的name属性在XHTML中已不推荐使用,提出用id作为名称属性。 例如:<a name="intro">Introduction</a> 无效; 正确的形式为:<a id="intro">Introduction</a> 或 <a id="section1" name="intro"> Introduction</ a> (9) 具有枚举类型的属性值必须小写 枚举类型的值是来自指定的允许值列表中的值;例如,align 属性具有以下允许值:center、left 和 right。
16
(10)所有脚本和样式元素都必须具有 type 属性
设置 script 元素的 type 和 language 属性,style 元素的 type 属性。 <script src="pack.js" type="text/JavaScript"> <style type="text/css"> (11) 必须对img 和 area 元素应用alt 属性 所有 img 和 area 元素都必须具有 alt 属性。 <img src=“images/Water lilies.jpg" width="800" height="600" alt=""/>
17
END
Similar presentations