第二部分 HTML语言课件.ppt

第2部分 HTML语言 Yong_xu@ 教学要求 掌握HTML基本构成，能基本看懂一个网页的源文件； 掌握样式表的构成及使用原理； 了解样式表的基本属性。 2.1 HTML文档的基本构成 支持HTTP的浏览器均为图形用户界面(GUI)，HTML文档的基本结构据此而确立。GUI通常由标题栏和窗口作为其最基本的构成，对应于HTML文档中的头部分“HEAD”和文档主体部分“BODY”。 HTML的基本结构如下： 2.2.1 文档头标记 1. HTML标记HTML/HTML HTML标记表示文档内容的开始和结束标记，HTML是开始标记，/HTML是结束标记，其他所有HTML代码都位于这两个标记之间。 2. 首部标记 HEAD…/HEAD TITLE/TITLE：指定网页的标题 STYLE/STYLE：定义文档内容样式表 SCRIPT/SCRIPT：插入脚本语言程序 META ：描述网页信息 !-- --：注释内容 这些信息首先向浏览器提供, 但不作为文档内容提交。 3. 标题栏标记 TITLE…/TITLE 在浏览器标题栏中显示的文本。通常，Web有哪些信誉好的足球投注网站工具用它作为索引。 2.2.1 文档头标记 4. 描述标记 META属性=值… 描述文档属性参数。 常用属性 NAME= META名字(description ,keyword) CONTENT=页面的内容 HTTP-EQUIV = CONTENT属性的类别 说明： HTTP-EQUIV =Content-TYPE CONTENT=页面内容类型 HTTP-EQUIV =“refresh”, CONTENT =“页面刷新时” HTTP-EQUIV =“content-language”, CONTENT =“页面语言” HTTP-EQUIV =“PICS-Label”, CONTENT =页面内容的等级 HTTP-EQUIV =“expires”, CONTENT =页面过期的日期 2.2.1 文档头标记 【例2.2】HEAD演示页面。 输入下列内容，以E2_head.HTM作为文件名保存： HTML HEAD META HTTP-EQUIV =Content-TYPE CONTENT=text/html;charset=gb2312 META NAME=descripyion CONTENT=Books, Sale, Price META HTTP-EQUIV =expires CONTENT =“9,28,2008 00:00:00 GMT META HTTP-EQUIV =content-language CONTENT =en-us TITLEHAED演示页面标题/TITLE /HEAD BODY 演示页面内容 BODY HTML 2.2.1 文档头标记 用浏览器打开文档，将显示如图所示的页面。 2.2.1 文档头标记 颜色属性的值有3种表示方法： （1） 使用颜色名称来表示。 （2）使用十六进制格式数值#RRGGBB来表示，RR、GG和BB分别表示颜色中的红、绿、蓝三基色的两位十六进制数据。 2.2.2 设置文本格式 1. 分段标记 P属性=值…/P 段落是文档的基本信息单位。文档中原有的回车和换行均被忽略，分段标记定义一个新段落，换行并插入一个空行。 ALIGN=段落的水平对齐方式 其值如下: Left: 左对齐（默认值） center: 对中 right: 右对齐 justify: 两边对齐 省略该属性，则取默认值。下同。 2．换行标记 BR 换行标记强行规定了当前行的中断，使后续内容在下一次显示的。 2.2.2 设置文本格式 【例2.3】分段标记和换行标记的演示。 输入下列内容，以E2_pbr.HTM作为文件名保存： HTML HEAD TITLE分段标记和换行标记演示/TITLE /HEAD BODY P ALIGN=center第1行演示/P 第2行演示p 第3行演示BR 第4行演示 /BODY /HTML 2.2.2 设置文