HTML标记语言 - 山东信息职业技术学院.DOC

HTML标记语言 学习目标： 了解HTML标记语言 掌握HTML标记语言的基本元素 掌握使用HTML标记语言开发网页的方法 要点导航： HTML简介 HTML文件结构 文字属性 布局属性 列表元素 超级链接 插入图片 多媒体 表格标记 表单标记 框架结构 案例 HTML网页结构 程序 html head title我的第一个网页/title /head body 这是我的第一个网页! /body /html 运行效果如下图： 案例说明：这是一段最基本的HTML标识，任何HTML文档都是由一个HTML和/HTML标记包含的，然后分为HEAD和BODY两大部分，页面的标识一般都是在BODY标识中定义的。HTML文件不区别大小写，浏览器认为HTML和html是一样的，在使用的时候需要保持风格的完整性。 HTML文件的扩展名可以是.htm或者.html都可以，现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名，而在Windows操作系统上用.htm，因为早期的Windows操作系统不支持三个以上字母的文件扩展名。 内容介绍： 一．HTML简介： HTML（Hyper Text Markup Language 超文本标记语言） 是一种用来制作超文本文档的简单标记语言 用HTML编写的超文本文档称为HTML文档 HTML借助标记可以以树状甚至网状结构来组织文本内容，从而使得文本摆脱只能按顺序阅读的束缚。 编写HTML文件的方式： 手工直接编写 使用记事本等文本编辑工具，保存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 二．HTML文件结构： 元素是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 HTML HEAD title网页标题/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML 1．head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 2. title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 3. meta元素下面可以插入很多很有用的元素属性。下面介绍三种： meta name=keywords“ content=study,computer 用来标记搜索引擎在搜索你的页面时所取出的关键词 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式 meta http-equiv=“refresh”content=“5;URL=” 用来自动刷新网页 4．body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 body元素中有下列元素属性： (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如设置红色背景：bgcolor=“#ff0000”或者bgcolor=“red” (2)background background属性标志HTML文档的背景图片。如：background=“images/bg.gif。可以使用的图片格式为GIF，JPG (3)bgproperties=fixed bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。 (4)text text属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。 (5)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 (6) leftmargin和topmargin 设置网页主体内容距离网页顶端和左端的距离如：leftmargin=20 topmargin=30“ 三．文字属性 1.文字颜色 font color=# ... /font指定颜色，#=RRGGBB 16 进制数码 2.文字字体