网页设计第2章.ppt

2.1.1 HTML的标签结构 在HTML中，所谓标签，指的是对于元素内容进行控制的符号，其具体形式是用一对尖括号“＜＞”括起来的字符串。HTML使用标签来告诉Web创浏览器如何对文本进行格式化和显示。如何对网页元素进行分割和标记，以形成文本的布局、文字的格式及五彩缤纷的画面。 2.1.1 HTML的标签结构 1．单标签 只需单独使用就能完整地表达意思的标记称为“单标签”，这类标记的语法是： 标签名称 最常用的单标签是BR, 它表示换行。 2．双标签 另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是： 标签 内 容 /标签 其中“内容” 部分就是要被这对标记施加作用的部分。例如你想对某段文字以粗体字显示，就将此段文字放在B /B标记中： B第一：/B 2.1.1 HTML的标签结构 3．标签属性 许多单标记和双标记的始标签内可以包含一些属性， 其语法是： 标签名字 属性名=属性名对应的的选择值 [ … ] 一个标签可以有多个属性，各属性之间无先后次序，属性也可省略（即取默认值），例如单标记HR表示在文档当前位置画一条水平线（horizontal line），一般是从窗口中当前行的最左端一直画到最右端。也可以带一些属性，如： HR SIZE=3 ALIGN=LEFT WIDTH=75% 其中SIZE属性定义线的粗细，属性值取整数，缺省值为1；ALIGN属性表示对齐方式，可取LEFT（左对齐，缺省值），CENTER（居中），RIGHT（右对齐）；WIDTH 属性定义线的长度，可取相对值，（由一对双引号括起来的百分数，表示相对于充满整个窗口的百分比），也可取绝对值（用整数表示的屏幕像素点的个数，如WIDTH=300），缺省值是100%。 Marquee滚动标记 Directionup down left right Behavior—alternate scroll slide Bgcolor Width height hspace vspace Onmouseover onmouseout marquee bgcolor=#993333 onmouseover=this.stop() onmouseout=this.start()同学们好！/marquee 文字移动属性的设置 方向 direction=# #=left, right marquee direction=left啦啦啦，我从右向左移！/marquee Pmarquee direction=right啦啦啦，我从左向右移！/marquee marquee behavior=alternate啦啦啦，我来回走耶！/marquee marquee loop=3 width=50% behavior=alternate啦啦啦，我只走 3 趟哟！/marquee 速度 scrollamount=# marquee scrollamount=20啦啦啦，我走得好快哟！/marquee 延时 scrolldelay=# marquee scrolldelay=500 scrollamount=100啦啦啦，我走一步，停一停！/marquee marquee bgcolor=aaaaee啦啦啦，我会移动耶！/marquee marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle啦啦啦，我会移动耶！/marquee大家好！br marquee direction=down向下滚动/marquee marquee direction=UP向上滚动/marquee 2.2 html的常用标记 属性 居中的正文标题 html body h1 align=center这是标题/h1 p上面的标题是居中显示的。/p /body /html HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。 注释可以写在!--和--之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。 !-- This is a comment -- html body !-- blink标记在IE中不支持。 -- blink字体闪烁标记！/blink /body /html HTML特殊字符显示 显示空格 通常情况下，HTML会自动截去多余的空格不管加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，H