(第2讲网页基础.pptVIP

第2讲 HTML基础 HTML基础 HTML基本框架 html head script.../script titleSample/title /head body ... /body /html HTML标记 HTML标记用于标记一个页面的开始和结束。每一个HTML文档的开始处必须用一个HTML标记，而结尾也要用一个/HTML标记。 Web浏览器在收到一个HTML文件后，当遇到HTML标记时，就开始按HTML语法解释其后的内容，并按要求将这些内容显示出来，直到遇到结束标记/HTML为止。 HEAD标记 HEAD标记称为头部标记，主要用于对页面中使用的字符集、脚本语言、页面的标题、背景音乐、样式表单等进行说明和设置。 具体的设置方法是在HEAD与/HEAD之间嵌入一些以标记TITLE、BASE、ISINDEX、SCRIPT、STYLE、META、LINK、OBJECT等标识的内容来实现的。 BODY标记 BODY标记用于标记一个页面输出显示的开始和结束。 每一个Web页面通常都必须有BODY标记。 字体标记FONT 字体标记FONT是一个带有属性的标记，通过其属性可以设置文本的字体、字号和颜色等。　　标记格式：　　FONT FACE=字体 SIZE=字号 COLOR=颜色值……/FONT　　其中：　　字体可以是浏览器支持的各种字体，例如宋体、华文楷体、楷体_GB2312、隶书等中文字体或Times New Roman、Arial Unicode MS等西文字体。系统默认的字体为宋体。 文字辅助变化标记 HR标记 标记格式：　　HR SIZE=线条粗细 WIDTH=线条长度 COLOR=线条颜色　　该标记的作用是画一条水平线，线的粗细和长度通过SIZE和WIDTH的值来设置。SIZE和WIDTH的取值是一个整数，单位可以是px(像素)、pt(磅)、cm(厘米)等。 例如，如果在某HTML文件中有如下一句：　　HR SIZE=2 WIDTH=140 COLOR=Blue 　　便会在浏览器页面的相应行出现一条粗细为2个像素、长度为140像素的蓝色水平线。 常用特殊字符与HTML表示法对照表 文字移动标记 标记格式1：　　MARQUEE DIRECTION=移动方向BGCOLOR=背景色……/MARQUEE 　标记格式2：　　MARQUEE BEHAVIOR=移动方式BGCOLOR=背景色……/MARQUEE 换行标记BR 标记格式：　　BR　　BR标记是一个单边标记，其作用是强迫该标记之后的文字在浏览器中换到下一行中显示出来。　　HTML中有一些标记隐含带有换行的作用，如上节讲述的标题字标记H、划线标记HR和后面将要讲到的段落标记P等，但用这些标记换行往往会在新行前插入一个空行，实际上等于换了两行。而BR标记仅仅完成换行，行与行之间是没有空行的。 段落标记 标记格式：　　P ALIGN=对齐方式……/P　　段落标记P的作用是另起一段，它不仅具有换行的作用，而且还要在新行前面插入一个空行。 该标记的一个常用属性ALIGN用来设置该段文字的对齐方式。对齐方式可以是left(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐)四种中的某一种。省略该属性时取系统默认的左对齐。 HTML　　 HEAD　　　TITLE段落标记与属性/TITLE　　/HEAD　　BODY　　P ALIGN=center床前明月光/P　　P ALIGN =center疑是地上霜/P　　P ALIGN =center举头望明月/P　　P ALIGN =center低头思故乡/P　　/BODY　　/HTML 预排版标记 标记格式：　　PRE……/PRE　　预排版标记的作用是让浏览器对该标记内的内容按原始输入格式不做修改地输出。　　如果您的网页是一篇论文，而且希望浏览者看到的格式与您的输入格式完全一致，则可以在这篇文章的开头处加上PRE，并在结尾处加上/PRE就可以了。 HTML　　HEADTITLE预排版标记/TITLE/HEAD　　BODY　　　PRE　　 白日依山尽　　 黄河入海流　　 欲穷千里目　　 更上一层楼　　 /PRE　　/BODY　　/HTML 无序号列表 例如：UL UL TYPE=SQUARE UL TYPE=CIRCLE LI网页设计 LI网页设计 LI网页设计 LI版面控制 LI版面控制 LI版面控制/UL /UL /UL ● 网页设计 ■ 网页设计 〇 网页设计● 版面控制 ■ 版面控制 〇 版