第三章-网页设计的基础语言HTML.pptVIP

第三章 网页设计的基础语言HTML HTML 即超文本链接标记语言，是由 CERN (欧洲粒子物理实验室)首先提出来的;主要是为了方便各地的科学家的合作。 由文字与标记组合而成；结构化的显示网页上的信息。 使用支持 HTML 的浏览软件，其它用户就可以对文件进行自由的跳跃式的阅读，还可自行调整显示和阅读的形式。 使用多种标记生成的页面 HTML HEAD TITLE对文字、图片、文档作不同处理/TITLE /HEAD BODY H2链接图片、文档，改变字体、字号等/H2 OLLIFONT face=隶书划却君山好，平铺湘流水。/FONT LIFONT face=华文行楷巴陵无限酒，醉杀洞庭秋。/FONT /OL IMG border=0 src=Js.gif width=108 height=70 FONT size=5湖光、山色/FONTBR A href=岳阳/A /BODY /HTML 主要内容 HTML基本结构及书写规范 HTML文档基本的编辑方式 文本标记格式 列表标记格式 超链接标记 多媒体标记 表格标记 框架标记 表单标记 其他标记 Html基本结构 在HTML中，由和/括起来的文本即为标签，亦称为标识； 表示开始标签；/表示结束标签；两者结合配对使用，他们之间的内容为该标签的作用域（受控对象）。 HTML就是以这些标签来控制内容的显示方式； 基本标识(Basic Tags) (1) HTML/HTML 定义超文本文档，用于标记 HTML 文档的开始和结束。 (2) HEAD/HEAD 设置页面的头标部分，用来包含当前文档的一些相关信息（如定义样式、网页的标题、网页中使用的脚本语言等），表示浏览器下面的内容是文档的头部，显示在文本之前。 (3) TITLE/TITLE HTML文档均应该包含TITLE标识，用来指明文件的标题。其内容将显示在浏览器的标题栏内。 (4) BODY/BODY 放置Web页面的正文内容，包含文件内的文字、超级链接文字的颜色、背景色彩、图片、动画、影像、音效等，几乎所有对网页的展示功能。 基本标识(Basic Tags) 5:说明信息标记：在网页头部还可以看到meta标记，用于描述说明信息，说明文档使用的语言字符集信息、作者信息、文档过期时间、关键词列表、页面自动刷新属性等。Meta标记中的内容在浏览器中不显示； meta http-equvi=”特征名” content=”特征值[;charset= #]” meta http-equvi=”content-type” content=”text/html;charset=gb2312” meta http-equvi=”作者” content=”王华” meta http-equvi=”refresh” content=”10” 基本标识(Basic Tags) 6:注释标记 ! 或 !-- -- 用于添加注释的标记，注释标记之间的内容不被浏览器显示； 例如： ! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 TRANSITIONL//EN 用于HTML文档的第一行，说明文档的版本信息； 标识的属性 。HTML中的许多标识都可以提供相关信息的属性设置。如设置文档的第2级标题文字，位置居中，文字为蓝色。其例句如下： FONT SIZE=3 COLOR=#FF0000设置字符的尺寸和颜色/FONT ?? 嵌套标识 在网页的设计中，不同页面有不同的要求，常常需用一个以上的标识来表示页面的数据，例如设置一串字符为：标题3、斜体、粗体，可以使用标识H3、I和B，例句如下： H3IB蓬莱阁/B/I/H3 注意标识嵌套时的顺序不应交叉，下句则不对： BH3I蓬莱阁/H3/B/I HTML文档基本结构 一个HTML文档由不同的标记组成的集合； 这些标记是一些嵌入式命令，是定义网页结构、外观与显示内容的信息； WEB浏览器通过他们确定如何显示网页； 注意：HTML标记中，英文字母不区分大小写。 HTML文档基本的编辑方式 记事本 Frontpage可视化编辑工具 Dreamwave可视化编辑工具 HTML书写规范 1:标签分两大类 一类成对出现，需要开始标签与结束标签；另一类标签不需要成对出现，单独出现一次即可；例如换行标签br; 2:标签不区分大小写； 文本、字符标签(Text Char Format) 1： Hn 标题文字(n=1～6), 用于指定不同级别的标题从H1到H6共有六种标题标识供标识标题文 文本、字