HTML语言基础教学讲义.ppt

网页制作语言基础 HTML超文本标记语言 CSS样式表 JavaScript脚本语言 VBScript脚本语言 ASP、PHP、JSP脚本语言 HTML语言简介 HTML语言，又称超文本标记语言，是英文Hyper Text Markup Language的缩定。 我们通过浏览器看到的网页，主要是通过HTML来完成的，它通过各种标记将文字、图片、表格、声音、视频等内容显示出来。 HTML语言的基本结构 文件头 表头 主体 HTML常用页面标记 标记的用法 文件标记与页首标记 文字标记与字幕标记 水平线标记、段落标记与换行标记 超链接标记 图像标记 表格标记、行标记、单元格标记 表单标记 多窗口(框架)及浮动窗口标记 标记的用法 例：FONT size=5 color=white face=黑体 　　 标记的用法 　　/FONT 这是一个定义5号白色黑体字的标记，FONT是标记名称，size、color、face都是标记的属性,5、white、黑体都是属性的值 除水平线标记HR，换行标记BR，图象标记IMG等标记外，大部分标记都是成对的，使用时不要忘记用 /标记名称来结束定义； 标记的各个属性间用空格隔开； 标记属性的值可用引号“”引起来，也可以不用； 颜色可以用颜色用英文名称，也可以用十六进制数#RRGGBB，比如白色可以用white，也可以用#FFFFFF； （提示：大部分标记属性都可以用DWMX的属性检查器来完成） 文　件　标　记 文件标记是指HTML文件中标识页面主要属性的标记，包括： 文件声明：HTML/HTML，让浏览器知道这是HTML文件 表头：HEAD/HEAD，提供网页的整体定义信息 主体：BODY/BODY，设计文件格式及正文所在，其中的属性标记可以定义页面背景、文字和链接的样式与颜色等（提示：在DWMX中可通过修改/页面属性来进行设置） 段落标记P和换行标记BR 段落标记和换行标记都可以实现换行，但段落标记在使用时相当于硬回车，它会产生一个新段落，段落之间会加一空行；换行标记在使用时相当于软回车，通常用于段落内部的换行。 段落的标记为P/P，其属性有： align，用于设定水平线的位置，值有靠左left，居中center，靠右right 换行的标记为BR，一般不使用其它属性 水　平　线　标　记HR 水平线标记用于在网页窗口中加一条水平线，用以分隔文档。它的标记为HR，其属性有： align，用于设定水平线的位置，值有靠左left，居中center，靠右right noshade，用于设定水平线不具有三维立体感 size，用于设定水平线的高度 width，用于设定水平线的宽度 color，用于设定水平线的颜色 图像标记IMG 图像标记用于插入一个图像并实现图文混排，它的标记为IMG，其常用属性有： src，用于设置图像的地址 alt，用于设置图像的提示文字 border，用于设置图像的边框 align，用于设置图像的位置，值有居中center，靠左left，靠右rignt，靠上top，靠下bottom等 width，height,分别用于设置图像的宽度和高度 vspace，hspace，用于设置图像的水平和垂直间距 id，用于给图像命名 问：插入站点images目录下的图片em.jpg，设置其文字提示为“峨嵋天下秀”，设置其边框为1，设置其位置为居中，设置其宽度为200象素，高度为150象素，代码如何编写？ 超　链　接　标　记A 超链接标记用于定义一个超链接，从而实现网页的跳转等，它的标记为A/A，其属性有： href，用于设定链接地址，链接地址可以是①url地址如，②本站文件如zyjs.htm，③页内地址（又称书签或命名锚记）如zyjs.htm#gsx，④电子邮件地址如mailto:caoxiaoping@, ⑤javasscript语句如关闭窗口javascript:window.close(); target，用于设定链接的目标窗口，默认为当前窗口，新建窗口为_blank title，用于设定鼠标移到链接上时显示的标题 onclick，用于设定当鼠标点击链接时触发的事件，一般为javasript函数或语句，如关闭窗口window.close(); （提示：要做文件下载或音乐点播的链接，直接将地址指向文件即可，如/soft/swf.exe，rtsp:///1.rm） 字　幕　标　记MARQUEE 字幕标记用于定义活动字幕，从而让整个网页更有动感，它的标记为MARQUEE/MARQUEE，其属性有： bgcolor，用于设定背景颜色 direction，用于设定字幕的滚动方向，值有向左left,向右right,向上up,向下down behavior，用于设定字幕滚动的方式，值有滚动条scrool，