第二讲 HTML 语言的基本标签与对应的属性.pptVIP

知识点回顾 回顾(5):文字的基本设置 FONT控制的字体、大小和文字。 语法： FONT face=“字体”,size=“文字大小”,color=“颜色值”…/FONT face 控制文字使用的字体 size 控制文字的大小 color 设置文字颜色 实例：307.html 知识点回顾 回顾(5) 标题标签属性 利用align 属性可以实现标题文字水平方向左、中、右的对齐方式。 align=“left / center / right” 实例：02.html 305.html 知识点回顾 回顾(5)：文本的格式 B设置文字以粗体的方式显示。语法B…/B I 设置文字以斜体显示。语法I…/I EM效果同l语法EM…/EM SUP设置文字以上标文本效果显示。语法SUP…/SUP SUB设置文字以下标文本效果显示。语法SUB…/SUB U设置文字以下划线显示。语法U…/U S设置文字以删除线显示。语法S…/S 03.html 知识点回顾 回顾(5)：文本的格式 补充（4） del文字以删除线显示。语法 del …/ del strong文字粗体方式显示.语法strong…/strong cite文字以斜体显示.语法cite…/cite big文字增大显示。语法big…/big small文字缩小显示。语法small…/small 文本格式标签实例：306.html 主要内容 HTML 跑动文（跑马灯）设置 HTML 超链接设置 HTML 跑马灯效果 MARQUEE 标记可使文字产生跑动的效果 方法： 把要滚动的文字写在MARQUEE 与/MARQUEE 之间。 实例：跑马灯1.html HTML 跑马灯效果 Marquee标签属性 1、direction 文字走动方向 值：left , right , top , down 解释：direction 表示文字的走动方向，可分上下左右四种，具体看实例：跑马灯.html HTML 跑马灯效果 Marquee标签属性 2、 bgcolor 设置文字背景颜色 解释： bgcolor 设置文字背景颜色，默认为白色，也可设置你喜欢的任意颜色，具体看实例：跑马灯背景.html HTML 跑马灯效果 Marquee标签属性:滚动范围 3、 height 设置跑动文字的高度(垂直范围) width 设置跑动文字的宽度（水平范围） 解释：默认width=100% height为标签内元素的高度 具体看实例：跑马灯文字.html HTML 跑马灯效果 Marquee标签属性：边距的设置 4、 hspace 设置文字的水平边距 vspace 设置文字的上边距 hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素 实例：跑马灯文字.html HTML 跑马灯效果 Marquee标签属性： 5、 behavior 设置文字的运动方式 值：scroll/alternate/slide Scroll：自右向左走动的文字(循环显示，默认效果) Alternate：左右摆动的文字（来回交替） Slide：自左到右一次停止的文字（只跑一次） 实例：跑马灯01.html HTML 跑马灯效果 Marquee标签属性： 6、 loop 设置跑动文字的圈数（循环次数） loop=100跑马次数：循环100次，如不写默认为一直循环 loop=-1就是表示你的跑马灯的循环次数是无限次，直到你关闭网页。 HTML 跑马灯效果 Marquee标签属性： 6、 scrollamount 设置跑动文字移动速度（滚动速度） scrolldelay 设置跑动文字移动延时（每次滚动的时间间隔） scrollamount 表示运动速度，值是正整数，默认为6 scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒 实例：03.html HTML 超链接 超链接是一个网站的重要元素之一，一个网站由多个页面组成，各页面之间是通过超链接来确定相互关系的，每个页面的地址都不同。 案例：公司网站 百度 古城热线 hao123 HTML 超链接 路径：即网页所在的地址。称为统一资源定位符（URL）一般分为：绝对路径和相对路径。 绝对路径：完整路径（完整的URL） 特点： 1、不管文件放在服务器的任何位置，链接后都能打开相应页面或说找到相应的文件所在位置。 2、链接方法简单，不容易出错。 HTML 超链接 相对路径：端到端的链接方式 特点： 1、