html课件-第3章 网页元素标记.pptVIP

第3章 网页元素标记 HTML文件基本架构 HTML 文件开始 HEAD 标头区开始 TITLE.../TITLE 标题区 /HEAD 标头区结束 BODY 本文区开始 本文区内容 /BODY 本文区结束 /HTML 文件结束 HTML 网页文件格式。 HEAD 标头区 : 记录文件基本资料，如作者、编写时间。 TITLE 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 BODY 本文区 : 文件资料，即在浏览器上看到的网站内容 HTML文档基本结构 包括HEAD、TITLE、BODY三部分，下面是基本结构： HTML HEAD title标题部分/title /HEAD BODY 正文部分 /BODY /HTML HTML文档基本标记 1．HTML文档标记 格式：HTML…/HTML标志文件开始和结尾的标记。 2．HTML文件头标记 格式：HEAD…/HEAD用于包含文件的基本信息。 3．HTML文件主体标记 格式：BODY…/BODY文件主体标记。 注意：HEAD与BODY为独立的两个部分，不能互相嵌套。 3.1 HTML头部标记 BASE当前文档的URL全称 BASEFONT设定基准的文字字体、字号、颜色 TITLE设定显示在浏览器左上方的标题内容ISINDEX表明该文档是一个可用于检索的网关脚本，由服务器建立 META有关文档本身的元信息，例如用于查询的关键词 STYLE设定CSS层叠样式表的内容 LINK设定外部文件连接 SCRIPT设定页面中程序脚本的内容。 3.1 HTML头部标记 head标记中的基本内容： 1．title标题/title 注意：title/title标志对只能放在head/head标志对之间。 。 3.1.2 基底网址标记BASE BASE标记可以设定URL地址，一般用来设定浏览器中文件的绝对路径，然后在文件中只需写下文件的相对位置，在浏览器中浏览的时候这些位置会自动附加在绝对路径后面，成为完整路径。 基本语法 BASE HREF=URL TARGET=WINDOWS_NAME 链接的目标窗口属性 属性值描述 _parent在上一级窗口打开。 _blank在新窗口打开 _self在同一个窗口打开 _top在浏览器的整个窗口打开，忽略任何框架 3.1.4 元信息标记META 1．meta信息:在服务器和客户之间传达隐含信息。可以用来定义页面主题，设定页面格式，标注内容提要和关键字，设置页面刷新等等 属性值描述 HTTP-EQUIV生成一个HTTP标题域，它的取值域 CONTENT属性相同 NAME表示关键字 Content关键字/取值的内容 META标签分两大部分： HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 HTTP-EQUIV回应给浏览器一些有用的信息，帮助正确和精确地显示网页内容。 1、Meta http-equiv=“Content-Type” Content=“text/html; Charset=gb2312”(显示字符集的设定) 2、Meta http-equiv=“Refresh” Content=“30”Meta http-equiv=“Refresh” Content=“5;Url=”(设置网页刷新时间） 设定转场效果 基本语法 META HTTP-EQUIV=EVENT CONTENT=REVEALTRANS(DURATION=VALUE,TRANSITION=NUMBER) EVENT设定页面进入或退出时产生切换效果，有Enter,Exit，表示进入或退出网页过渡的效果。 DURATION 过滤的延续时间，单位为秒 ，RANSITION过滤效果的编号，如表 过渡效果编号及含义 3.1.3 基底文字标记BASEFONT BASEFONT标记可以设定基准的文字字体、字号、颜色，一旦遇到页面中其他相关标签未定义文字或段落时，将套用基准的文字样式。 基本语法 Basefont face=“Font_name,……” SIZE =“Value” COLOR=“Value” 语法解释 表3-3 BASEFONT标记的属性 属性值描述Face字体Size字号Color颜色 NAME变量 1、Keywords (关键字) 用法：Meta name=“Keywords” Content=“关键词1,关键词2,关键词3,关键词4,……”2、Description (简介)用法：Meta name=Description Content=你网页的简述 html head meta charset=gbk / title淘