dreamweaver完整教程设计.pptVIP

* 第一章 网页设计概述 （2）HEAD标记符 HEAD／HEAD是HTML网页文件头标记符，即文档头，包含对文档基本信息（文档标题，文档搜索关键字、文档生成器等）描述的标记。其中包含文档标题等属性。 通常与某些标记符一起使用，如TITLE／TITLE标记符。 * 第一章 网页设计概述 （3）TITLE标记符 TITLE／TITLE指的是一份文档的标题。 显示在浏览器的标题栏中。 （4）BODY标记符 BODY／BODY定义一个HTML文档的主体部分，位于首部下面，包含有对网页元素（文本、表格、图片、动画、链接等）描述的标记。 * 第一章 网页设计概述 如：输入到记事本中，名为test.htm,再打开。 HTML HEAD TITLE青海师范大学教育学院/TITLE /HEAD BODY bgcolor=yellow P这是一个HTML的测试文件/P /BODY /HTML * 第一章 网页设计概述 2、HTML语言的语法规范 HTML文档的标签是可以嵌套的。 有些标签（例如HTML）没有任何属性，而有些标签（例如BODY）则可包含一个或多个属性。 在HTML中有三个字符具有特殊的意义，即“”、“”和“”。 元素名称大小写等价。 一个标签可以有多个属性，属性及其属性值大小写等价，不同属性间用空格分隔。 * 第一章 网页设计概述 HTML文件中，有些标签只能出现在文档头部中，而绝大多数标签只能出现在文档主体中。 * 第一章 网页设计概述 三、HTML的常用标签 1．TITLE标签 TITLE标签用来给网页命名，网页的名称将被显示在浏览器的标题栏中。 2．Hi标签 Hi标签是成对出现的，用于定义文档标题。 位于Hi和/Hi之间的内容是HTML文档中的标题。标题文字都以粗体显示，上级标题总比下级标题更大些，具体大小与浏览器有关。 * 第一章 网页设计概述 标题文字标记符的格式： Hn align=对齐方式 标题文字 /Hn Hn…/Hn标记符默认显示宋体,会自动插入一个空行，（即标题行是一个段落）。 n=1-6,共有6种标题格式： H1…/H1、H2…/H2、H3…/H3、H4…/H4、H5…/H5、H6…/H6,其中H1…/H1(标题1)的字体最大，H6…/H6(标题6)的字体最小。 * 第一章 网页设计概述 3．预格式化文本标签PRE PRE为预格式化标签。它是成对出现的。 对位于PRE和/PRE之间的内容，浏览器将严格按照编辑HTML文档时的字符及位置进行显示。 Pre 静夜思 李白 床前明月光 凝是地上霜 举头望明月 低头思故乡 /pre 包含空格在内，都会照搬。 * 第一章 网页设计概述 4．BR和P标签 在HTML文档中，无法用多个回车、空格、Tab键来调整文档段落的格式。要用HTML的标记符来强制换行、分段。 “BR”即Break，是换行标签，它是单独出现的。BR的作用相当于回车符。 “P”即Paragraph（段落）。P标签用于划分段落，作用是插入一个空行。它可以单独使用，也可以成对使用。 * 第一章 网页设计概述 两种不同用法： （1）强制换段标记符 强制换段标记符的格式为：文字P （2）设置段落标记符 设置段落标记符的格式为： P align=“对齐方式” 文字内容 ／P * 第一章 网页设计概述 5．HR标签 在页面中插入一条水平线，可以使不同功能的文字分隔开，看起来整齐、明了。 格式： HR align=对齐方式 size=横线粗细 width=横线长度 color=横线颜色 noshade 如：HR align=“center” size=“3” width=“400” color=“#ff0000” * 第一章 网页设计概述 6．字符格式标签 HTML文档的字符格式标签主要有B、I、U、和S四种，它们都是成对出现的。 如： 黑体 babc/b 下划线 uabc/u 斜体 iabc/i 印刷体 ttabc/tt 上标 supabc/sup X3+5x2-10x+2=0 删除线sabc/s 下标 subabc/sub H2O * 第一章 网页设计概述 7．FONT标签 用于设置文本的大小、字体、字型和颜色。 FONT是字体标签，它是成对出现的，用于指定文本的字体大小、颜色等。该标签包含若干属性。 设置格式： FONT size=数字 face=字体名 color=颜色 被设置的文字 ／FONT * 第一章 网页设计概述 size属性是字号属性，