Html语言入门.docx

《Html语言入门.docx》由会员分享，可在线阅读，更多相关《Html语言入门.docx（5页珍藏版）》请在第一文库网上搜索。

1、Htm1语s入门教学章节：1.1htm1基本知识教学目的：1、熟悉一些关于网页的基础知识2、熟悉HTM1语言，并掌握一个简单的HTM1文件的写法3、掌握几个常用HTM1标记教学重点：HTM1语言标记的掌握教学难点:HTM1语言标记的懂得教学方法:讲演法教学课时:1课时教学过程:复习：1、WWW(Wor1dWideWeb)万维网2、UR1（全球统一资源定位器）也就是“网址”服务器、浏览器浏览器服务器新课：1、HyperteXt（超文本）是一种能够指向其他文件的文字或者图片。这样能够在网上链接千万台计算机，世界范围内的大量信息通过HyPerteXt（超文本）的方式相互链接。2、动态网页技术ASP、

2、PHP、JSP3、HTM1HyperTextMarkup1anguage超文本标记语言一、HTM1入门1、基本的格式是V标记符内容V/标记符双容器V标记符单容器2、一个简单的HTM1文件网页开始网页头，放网页标题等it1e无标题文档网页体，网页的内容都在这儿网页结束3、扩展名htm1,htm4 .htm1代码的特点网页以开始，以vhtm1结束，网页由与（网页头与网页体）两部分构成，网页中的内容全部在网页体中（2）网页代码中含有这样的标记，每个标记代表一种含意，有些标记中还有属性值如VfdnIsize=3标记一定要放在之间，许多标记有对应的结束标记，应成对使用，如.,也有个别单独使用。（4汨TM

3、1源代码中的一个或者多个半角空格，一个或者多个换行在网页显示时只当一个半角空格显示5 .学习“网页属性”的设置，熟悉body标记的属性在“网页属性中能够对整张网页的效果进行设置，对它的设置，在HTM1文件中表达在BODY标记的属性中。打开“网页属性”设置的方法是：单击菜单“修改一网页属性”。要求掌握下列属性的含义：background（背景图像）,bgco1or（背景）,text（文本）Jink（链接）,1eftmargin（左边界）6 .颜色代码为6位数XXXXXX,X为十六进制数即0-9,A-F（不分大小写）。颜色由“红、绿、蓝三原色调合而成，每2位数代表一种颜色的浓度，00代表颜色浓度最

4、小，FF代表颜色浓度最大。三种颜色的顺序为红、绿、蓝。懂得几种常用的颜色代码：ftooo代表纯红、OofWO代表纯绿、OOOOff代表纯蓝、OoOOOO代表纯黑、ffffff代表纯白、fffTOO代表黄色。考考你：OOffff代表什么颜色？田府代表什么颜色？IO1o1O代表什么颜色？颜色代码的表示形式：#ffDOO0”ffoo（“red”双引号能够换成单引号或者不加引号，小写字母能够改成大字字母7 .常用的HTM1标记及属性(1)网页开始与结束:.(2)网页头：Vhead.(3)网页标题(位于网页头)：.(4)网页体：.(5)段落：.左又寸齐：.居中对齐：.vp右对齐：.默认为左对齐(6)换行

5、：(单独使用)水平线：(单独使用)(8)标题：(n=1到)6,h1标记的字体最大，h6最小)(9)字体：.(10)图像：(单独使用)(11)表格VId单元格内容VId单元格内容Vd跨行属性rowspanTDRoWSPAN=单元格跨的行数跨列属性CO1span转行标记VBH其它如：项目列表、编号列表、仅对该文档的CSS样式等HTM1语法，请自行查看，暂不要求熟记。8.用HTM1的眼光看DW软件，它的功能是什么？就是把用户设计的网页转换成HTM1文件。因此我们通过属性面板用鼠标对网页的设置与在源代码视图方式下直接改代码的效果是完成相同的。事实上，早在DW软件诞生之前，就有高手在设计网页了，他们用什

6、么软件，记事本呀，高手啊！9、让我们也来做一回高手课堂练习，阅读下列代码，想一想，网页的显示效果是怎么样的？再在记事木中输入下列代码，完成后以“1.htm”储存。(注意储存时选“所有文件”，文件扩展名为“.htm”)Vtit1e我的个人主页我爱网页设计我是,05电脑专业vbr的一名学生9、DW能做出所有HTM1语法支持的效果吗？因此DW软件中也不能直接插入滚动字幕，但我们能够直接在DW的代码视图方式下直接插入IE所支持的滚动字幕代码。这样尽管在DW中看不到滚动效果，但用IE浏览网页时，还是能看到滚动效果的（当然假如你使用的不是IE浏览器，而是NeSCaPe,MoziHa等，就不一定能看到滚动效

7、果了）。滚动字幕的代码是：需要滚动的文字全面的滚动字幕的HTM1语法，请试用微软公司的网页制作软件FrontPage补充知识：如何到Internet上找HTM1教程？21世纪的人才不是说要记得多少知识，而在于当需要知识时，能迅速找到知识，往常说“教师一瓶水，才能教会学生半瓶水”，现在按我校计算机特级教师张德新教师的话说是“教师首先要自己接上自来水，再去帮助学生也接上自来水”。教会同学们自动到Internet上找资料，就是帮学生接上自来水。至IJInternet上找资料，一靠的是经验，假如同学们平常经常上网，就会记住一些比较好的资源网站或者教学网站，以后需要时能够去这些网站看看，我推荐同学能够看

8、看下列网站二靠搜索引擎的帮忙，现在世界上的网站已经突破50亿张，如何在茫茫网海中迅速找到需要的信息，离不开搜索引擎，下列是现在比较有名的搜索引擎，推荐同学们使用课堂练习：1、看htm1代码，画出网页。这是测试文件这是我制作的第一个网页看来还有很多东东要学噢！返回主页2、再根据要求让学生写出一张网页的HTM1代码。标题为：mypagemypage欢迎进入我的个人网站进入网站vfont课后习题：1、写出10种常用的HTM1标记及属性2、写出下列属性的含义：backgroundsbgco1or、text、1ink、1eftmargin3、写出红色、绿色、蓝色、黑色、白色的颜色代码4、写出滚动字幕的代码本课小结：本课介绍了htm1语言的特点与一些简单的htm1语言的介绍。这对学习网页制作这门课非常重要。需要充分地懂得与掌握。后记：