第3章网页元素标记.ppt

网页元素标记 学习目标： HTML头部标记 HTML主体标记 文字与段落标记 文字美化标记 插入图像标记 HTML头部标记 HTML的标签与属性: 基本语法 标签名字 属性1=值 属性2=值 属性3=值 … 内容/标签名字 参考实例 font color=#ff00ff face=宋体 size=30字体设置/font 注意事项 不要在“”与标签名之间输入多余的空格， 不能在中文输入法状态下输入这些标签及属性 HTML头部标记 HTML头部标记是head，主要包括页面的一些基本描述语句，如：JavaScript和CSS一般也定义在HEAD头元素中，用于包含当前文档的有关信息，例如标题和关键词等。 头部标记 标题标记title 1、基本语法： TITLE……/TITLE 2、语法解释： 标记内部就是标题的内容。 3、文件范例：3-1.htm 基底文字标记BASEFONT 1、基本语法： Basefont face=“Font_name,……” SIZE =“Value” COLOR=“Value” 2、语法解释： FACE 字体 SIZE 字号 COLOR 颜色 3、文件范例：3-3.htm 3.1.4 元信息标记META 1、作用 META标记通过属性来定义文件信息的名称、内容等，是实现元数据的主要标记，它能够提供文档的关键字、作者、描述等多种信息。在HTML的头部可以包含任何数量的META标记。 2、属性 META标记属性 设定关键字 1、基本语法 META name=“keywords” Content=“Value” 2、语法解释 keywords为关键字定义， CONTENT中定义关键字的内容。 3、文件范例：3-5.htm 注意： 大多数有哪些信誉好的足球投注网站引擎检索时都会限制关键字的数量，有时关键字过多，该网页会在检索中被忽略。所以关键字的输入不宜过多，应切中要害。多个关键字之间用逗号隔开。 设定字符集 1、基本语法 META http-equiv=“content-type” Content=“text/html;charset=value” 2、语法解释 http-equiv传送HTTP通信协议的标头， CONTENT中定义页面的内码，其中charset 中写下内码的语系。 3、文件范例：3-8.htm 设定自动刷新 1、基本语法 META http-equiv=“refresh” Content=“value” 2、语法解释 http-equiv传送HTTP通信协议的标头， REFRESH代表刷新，CONTENT中写下刷新 间隔的秒数。 3、文件范例：3-9.htm 设定自动跳转 1、基本语法 META http-equiv=“refresh” Content=“value； URL=URL_VALUE” 2、语法解释 http-equiv传送HTTP通信协议的标头， REFRESH代表刷新，CONTENT中写下跳转间 隔的秒数以及跳转后打开的文件地址。 3、文件范例：3-10.htm 设定禁用缓存 1、基本语法 META HTTP-EQUIV=“CACHE-CONTROL” Content=“NO-CACHE” 2、语法解释 CACHE-CONTROL为缓存控制，CONTENT中定义禁用缓存。 3、文件范例：3-12.htm 总结2-1 总结2-2 HTML主体标签及属性、颜色的设定 3.2.1 HTML的主体标签body HTML主体标记是body，在body和/body中放置页面中所有的内容，如文字、图片、链接、表格、表单等。 这些元素有很多自身的属性，如定义页面文字的颜色、背景的颜色、背景图像等。 BODY元素的属性 文字颜色属性TEXT 1、基本语法： BODY text=COLOR_VALUE 2、语法解释： COLOR_VALUE指的是颜色的值，可以是颜色名称或十六进制值来表示。 3、文件范例：5-1.htm 背景颜色属性BGCOLOR 1、基本语法： BODY bgcolor=COLOR_VALUE 2、语法解释： COLOR_VALUE指的是颜色的值，可以是 颜色名称或十六进制值来表示。 3、文件范例：5-2.htm 背景图像属性BACKGROUND 1、基本语法： BODY background=“im