T1 HTML页面与基本标记.ppt

预排版标记(pre) pre标记允许保留你在原代码中输入的空格和回车,使用方法如下： body p pre 编号 名称 价格(元) 001 语文教材 20.00 /pre /p /body 字体标记(font) font用来设置文本的字体 常用方式： font face=华文彩云 size=6 color=#6600FF态度决定一切/font face设置文字的字形 size设置文字的大小，其值为数字 color设置文字的颜色，可以采用red、blue、green等值，也可以采用6位十六进制，分别指定红、绿、蓝的值 效果 字体风格 字体风格可以分为物理风格和逻辑风格；物理风格直接指定字体，逻辑风格指定文本的作用 指定物理风格的常用标记有： b黑体、i斜体、u下划线、tt打字机体 指定逻辑风格的常用标记有： em强调、strong特别强调、small较小、big较大 、sup上标、sub下标等 例如:font face=华文彩云 size=6 color=#6600FF今天有风最高气温10sup。/sup/font 也可以使用font的style属性设置,例如: font style=font-weight:bolder;刘德华/font 设置字体风格 html head title设置字体风格/title /head body p align=center b黑体/b/p p align=centeri斜体/i/p p align=centeru下划线/u/p p align=centertt打字机风格/tt/p p align=centerem强调/em/p p align=centerstrong加重/strong/p /body /html 水平线(hr) hr显示水平分割线 常用方式： hr align=center size=10 width=“50%” color=red align设置线的对齐方式 size设置线条的粗细，以像素为单位，默认值是2 width设置线条长度，以像素为单位，可以采用像素值或百分比 color设置线条的颜色 滚动字符(marquee) marquee标记实现跑马灯效果: 常用方式：marquee direction=up behavior=alternate height=400欢迎光临本站/marquee direction设置活动字幕的滚动方向，可以是up、down、left、right behavior设置滚动的方式，可以是scroll(一端滚动到另一端)、slide(一端快速滑动到另一端，且不再重复)、alternate(在两端之间来回滚动) height设置滚动字幕的高度 bgcolor：用于设定活动字幕的背景颜色 width：则设定滚动字幕的宽度 hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度(上下左右留白)。 scrollamount：用于设定活动字幕两次之间的滚动距离(像素)。 scrolldelay：用于设定滚动两次之间的延迟时间(毫秒)。 如:marquee scrollamount=10 scrolldelay=200--每200毫秒移动10像素 loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新 图像标记(img) img的常用方式： img src=“bamboo.jpg” width=“320” height=“240” alt=“岁寒三友竹” img.html 图像标记(img) 属性介绍： src:设置图片的路径，一般使用相对路径。 width和height:设置图片的宽和高，一般设为图像的真实大小，以免失真。 alt:设置描述该图形的文字。 border:设置图像的边框，以像素为单位。 align:属性用于指定图像元素相对于周围元素的水平和垂直飘浮方式。可选值：top, middle, bottom, left, right，默认为bottom 页面链接 页面链接可以分为：外部链接、内部链接以及邮件链接 外部链接：从一个页面链接到另一个页面。使用方法： a href=“photo.html”相册/a a href=“”百度/a 相对路径和绝对路径：假定a.html和b.html均放在e:\myweb文件夹中，在a.html页面中链接到b.html； 采用相对路径时： a href=“b.html”B/a 采用绝对路径时：a href=“e:\myweb\b.html”B/a 采用哪种方式更好？为什么？ 页面链接 内部链接：链接到同一页面中或指定页面中的参考点。 使用方法分两步： 1、 先在欲链接处