第2节HTML基础.pptVIP

第二讲 HTML基础 教学要求 1、了解HTML语言与高级语言（如VB、C等）的区别；识记网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等； 2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等； 概念： HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。 1、HTML 文件结构 HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML 2、HTML标记的特点-1 1）HTML是文本文件，标记符号均用括起来，大多数标记成对出现，结束标记多一个斜杠。 html.../html head.../head body.../body 2）标记拥有自己的属性。 font face=“宋体” size=4 color=”#FF0000” 山西大学/font 2、HTML标记的特点-2 3）HTML标记可嵌套使用，不能交叉。 bdiv align=centerfont color=#FF00Active sever page/font/div/b 4）少数标记是单独使用如：BR、HR HEAD元素head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 meta元素 meta元素下面可以插入很多很有用的元素属性。下面介绍四种： meta name=keywords content=study,computer 用来标记搜索引擎在搜索你的页面时所取出的关键词。 meta name=“author” content=“hungyc 用来标记文档的作者。 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式。 meta http-equiv=“refresh” content=“5;URL=” 用来自动刷新网页 实例： 编写一个网页，要求3秒钟后自动跳转到山西大学的网站。 html head titlemy first page/title meta http-equiv=“refresh” content=“3; URL=” /head body p align=“center”三秒钟后本网页将自动跳转到山西大学首页/p /body /html body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 body元素中有下列元素属性： (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。 (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 2.文字字体 font face=“#, #, ..., #” ... /font#=客户端可获得的字体 3.文字大小 font size=# ... /font #=1, 2, 3, 4, 5, 6, 7 or +#, -# 4.文字标题 h# ... /h# #=1, 2, 3, 4, 5, 6 body…… i倾斜文本/i b粗体文本/b u下划线文本/u s删除线文本/s ……/body 图像基本语法: img src=“图片名称” 引用