HTML简介与文本标记.ppt

1.5 HTML文档的主要内容 标记/标签： 放在和之间。 一般成对使用，有开始标记和结束标记，如p一个段落/p;也有部分的空标记，如br/。 标记可以有属性，属性可以有属性值。 语法规则：所有标记（包括标记名、属性名）必须小写，属性值放在双引号之间,所有的标签都要关闭,如br/ 注释： !--注释内容--； 不会在浏览器中显示出来。 文本： 浏览器中显示给读者的部分； 除标签和注释以外的内容。 练习—标题与水平线 文字练习 标题文字格式练习 练习——文字与段落 案例：建立无序列表ul 案例：建立有序列表ol 案例：创建嵌套的列表 练习——嵌套列表练习1 实例：2-5 Content-Type.html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title设定语言/title /head 2.5 页面主体标记body 在网页的主体标记中可以设置很多属性，如页面的背景（bgcolor、 background ）、文字属性(text)、链接属性(link、alink、vlink)、边距属性(margin)等。 2.5.1 设置页面背景色——bgcolor 语法： body bgcolor=“颜色代码” 实例：2-10 bgcolor.html html head title设置页面背景色/title /head body bgcolor=#3399CC /body /html 2.5.2 设置背景图片——background 语法：body background=“文件链接地址” bgproperties=“背景图片固定属性” 文件链接地址可以是相对地址，也可以是绝对地址。在默认情况下，如果省略bgproperties属性，图片会按照水平和垂直方向不断重复出现，直到铺满整个页面。如果希望图片不重复显示，一般情况下需要借助CSS样式。 如果将bgproperties属性设置为fixed，那么当滚动页面时，背景图像也会跟着移动。 实例：2-11 background.htm body background=图片/03.jpg bgproperties=fixed centerfont color=red size=7 背景图片的设置br/ /font/center /body 2.5.3 设置文字颜色——text 在没有对文字的颜色进行单独定义时，可以在主体标记中用text属性对页面中所有文字设置颜色。 语法： body text=“颜色代码” 实例：2-12 text.html html head title设置页面文字颜色/title /head body bgcolor=#99CCCC text=#FF0000 设置页面的文字颜色 /body /html 2.5.4 设置链接文字属性——link 通常情况下，浏览器以蓝色作为超链接文字的颜色，访问过的文字则变为暗红色，用户可以在页面主体标记中对没有单独设置过颜色的链接进行颜色的设置。 语法： body link=“未访问链接颜色代码” alink=“正在访问的链接颜色代码” vlink=“访问过的链接颜色代码” 2.5.4 设置链接文字属性——link 实例：2-13 link.html body text=#000000 link=#FF00FF alink=FF0000 vlink=00FF00 center 设置文字的链接效果br/br/ a href=#链接文字/abr/br/ a href=#已经访问过的链接/a /center /body 2.5.5 设置边距——margin 页面主体中的margin属性用于定义内容与浏览器边框之间的距离。其中包括上边框和左边框。 语法： body topmargin=“上边距的值” leftmargin=“左边距的值” 默认情况下，边距的值以像素为单位。 实例：2-14 margin.html body topmargin=60 leftmargin=40 设置页面的上边距为60像素 br/ 设置页面的左边距为40像素 /body 2.6 页面注释标记!-- -- 语法：!-- 注释的文字-- 实例：2-15 注释.html head title注释标记/title /head !--设置边距-- body topmargin=60 leftmargin=40 设置页面的上边距为60像素br/ 设置页面的左边距为40像素br/ !--注释文字不会显示在页面中-- 注释语句是用来帮助用户理解代码、维护代码的。 /body 预定义色彩 HTML允许16种色彩可以直接采用英文名作为其颜色值。 预定义色彩 十六进制代码 预定义色