1.html编程技术终稿.pptVIP

内容摘要 理解HTML网页的执行过程 掌握HTML文档结构 掌握HTML中的基本标记 掌握表格相关标签、属性 掌握框架的的使用 掌握表单及表单控件功能及使用 网页设计语言介绍 1.1 HTML文件执行过程 HTML语言可以控制浏览器显示的数据内容，是浏览器应用程序的界面设计语言 。 HTM是一种超文本标记语言，常用标记按功能可以分为图形类、超链接类、表格类、表单类、窗口控制类、及其他换行分段等格式控制标记。 HTML文件后缀.htm或.html没有区别。 Web服务工作原理 Html网页提取和显示过程（请求/响应） Html文件基本结构练习 步骤：在D盘新建“练习”文件夹。打开记事本，输入如下内容，保存为1.htm到“练习”文件夹，用IE浏览器打开1.htm。在IE浏览器下ALT+V+C查看源文件。 HTML　HEAD　　TITLE网页制作教学/TITLE　/HEAD　BODY　　你好，欢迎学习html。　/BODY/HTML ?META标记大部分时候用于标注可被浏览器、搜索引擎或制作工具使用的信息。常用属性如下表： meta name=keyword contents=关键字一, 关键字二, 关键字三, ….. meta name=description contents=整个网站的描述….铲明整个网站为何吸引人的地方，可用逗点隔开，总长度最好不要超过200个Character (约15个字)，若文章真的太长，可以切割成两个部分，较不重要的部分置入下一个Description。 meta http-quive=“content-type” content=“text/html; charset=iso-8859-1” META http-equiv=“Expires” content=“Tue,09 Dec 2003 00:00:00 GMT” META http-equiv=refresh content=10;url= META name=GENERATOR content=Microsoft FrontPage 5.0 META的refresh属性练习 新建2.htm输入如下内容保存到“练习”文件夹，用IE浏览器打开2.htm HTML　HEAD　　TITLE META标记练习/TITLE META http-equiv=refresh content=3;url=1.htm 　/HEAD　BODY　　META标记练习。　/BODY/HTML IMG插入图像使用的属性 图文件路径 影像单位：常用px。这个单位完整的写法是“pixels”，我们称之为“像素”。像素，是萤幕上的一个小光点，然而这一小光点的大小，并非是固定的。 例如，萤幕本身十五寸，不会因为任何设定而变成十七寸。但是，其解析度是可以改变的，我们常见的解析度有以下几种：“640 ×480”、“800 ×600”、“1024 ×768”。举其中之一的640 ×480来说，其代表的就是在萤幕上有宽640个光点，高有480光点，若是我们将解析度调整为800 ×600其宽势必要从640变成800个光点，也因此，该光点便会变小一点，所以，我们看起来就会觉得解析度调高后，萤幕内的东西，变得小小的，很精致，那就是因为光点变小的原因。 IMG练习 用记事本新建3.htm输入如下内容保存到“练习”文件夹，用IE浏览器打开3.htm 注意图文件名区分大小写，图片自选，自己设定路径，并修改各属性，查看结果 html head title IMG标记练习/title /head body img src=“images/pic.gif” border=“1” width=“32” height=“32” align=middle /IMG标记练习 /body /html 2、插入视频 插入视频和动画时，含有的属性见下表 内嵌插件标记练习 任选视频文件按如下代码插入3.htm object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=500 height=450 param name=autostart value=true param name=ShowStatusBar value=-1 param name=Filename value=clock.avi embed ty