第5讲

来源:百度文库 编辑:神马文学网 时间:2024/03/29 22:38:23
第五讲:HTML语言

  前面说过,HTML 语言是解释执行语言,就是说不需要编译,直接由浏览器解释执行。“网页”就是由这些语言代码组成的。下面我们看看浏览器怎样执行代码。
申请到空间,有人就急于先传上个“index.htm”文件,现在先编写个最简单的“index.htm”文件,从中分析代码的意义。
  你的电脑显示文件的扩展名吗——就是小园点后面的三个字母,如果不显示的话,选择“开始→设置→控制面板→文件夹选项”,选择“查看”标签,选中“显示所有文件和文件夹”,把“隐藏已知文件类型的扩展名”一项前面的“勾”去掉,点击“确定”退出。这样才能看到“index.htm”文件名字中的“.htm”,否则你只能看到文件名是“index”。但从这一点看,那比尔该死的就真够缺德的了。
打开“开始→程序→附件→记事本”,写上“老小孩学网页”(当然随意啦),选择菜单“文件→另存为”,弹出对话框如下图:

  在最上行“保存在”右边的框中选择你的“学网页”目录,在最下行“保存类型”右边的框中选择“所有文件(*.*)”,在“文件名”右边的框中输入“index.htm”,击“保存”,好了,我有主页了,不信你上传到网站,他再不会说找不到可浏览的文件了。不过可浏览的内容啊——除了他们的广告外,也就“老小孩学网页”这几个字——但他毕竟是我自己的了。

  这个页面太简单了些啊!你告诉观众,我是正在制作,这不是已经搞好的成品。看你申请空间时,网站给你的这个图片多好,

  形象地表现了你的小家还正在建设中。那就把这个图片放到“img”目录里吧。然后再打开“记事本”,选择命令“文件→打开”,在这个对话框上面选择“学网页”目录,下面选择“所在文件”,选中“index.htm”,点击打开,然后写上以下代码:
老小孩学网页




  选择命令“文件→保存”,再双击“index.htm”文件,看看是不是图片出来了。
图片不是在“img”目录里吗,怎么出现到页面上了?这就是浏览器的解释功能。浏览器把代码解释出来控制指令,“img”是插入图片和指令,浏览器按照“src=”后面的地址找到图片文件,就把它调出来,按照后面的定义width="329" height="211"以宽度329高度211像素显示出来。
  “老小孩学网页”几个字也变了,原来输入的字是黑色的呀,现在变成红色,那是指令执行的结果。
  这个文件你要上传到网站,注意图片文件“we.gif”也要上传到网站上的“img”目录里