设为首页 | 热门标签 | RSS 订阅 | 加入收藏
游客可以选择 高级搜索 | 成为会员 | 马上登陆

返回首页
当前位置: 主页 > 新手村 > 新手营讲义 > 正文

[部分]7月19日HTML页面实践(新手群)

时间:2009-07-20 14:54 作者:丶Kiki(新手群) 来源:菜鸟阵地 点击:
7月19日HTML页面实践 主讲:小豺不才
  

使用文件:    Hello.htm              Hello.html

     双击打开“我的电脑”选择“菜单栏”里的“工具”菜单下的“文件夹选项”,将打开的“文件夹选项”中的选项卡切换到“查看”一页,我们主要查你对“隐藏已知文件类型的扩展名”这一项的设定,另外可以将“在地址栏中显示完整的路径”勾选上。如果您的选项没有变更,请点击“取消”退出,如果你的选项有变更过,请点击“应用”然后点击“确定”退出。

请打开下载好的Hello.htm文件,“注意”一行是红色的说明你的浏览器有问题,或者文件被你修改过。

然后请再下载Hello.html文件,会提示安装控件,安装后打开后会有

例:
请您复制以下的内容:
------ 从此处开始 -----
4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; QQDownload 551; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30)
------ 到从此处结束 ---

如果你看到不是从“请您复制以下的内容:”开始的文字的话,说明你使用的不是IE.而其他的浏览器可能会生成其他的字段。
一般情况下,使用火狐打开时会看到:

“5.0 (Windows; zh-CN)”

比如说:
-------------------------
5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/530.5 (KHTML, like Gecko) Chrome/2.0.172.33 Safari/530.5
-----------------------------------
的这一段,说明使用的是Chrome?或者Safari

刚才需要各位复制的内容中,前面的“4.0”或者少数写的是“5.0”的,是HTML的版本。而这个版本信息是你的浏览器默认支持的。

当然,我们建议各位使用支持HTML 5.0的浏览器。所以后期可能会要求各位下载火狐Firefox浏览器用作网页制作的辅助软件。

我们说一下这个文件,请各位点击菜单栏的“查看”菜单下的“源文件”一项。(其他浏览器用户请自行查找。)

火狐是“查看”菜单下的“页面源文件”还有一个快捷方法,在网页空白处,右键-查看源文件.火狐右键菜单里面的文字是“查看页面源代码”。如果你是IE6,IE7且没有调整过设定的话,应该是打开了一个记事本程序,其中的内容,就是我们这个页面的源代码。
IE8和火狐是用专门的页面源文件查看窗口打开的。如果还是没有找到“查看源文件”,你可以打开一个“记事本”程序,然后将刚才说到的Hello.htm拖入其中。

(一)首先,我们会看到第一行是
<html>
最后一行是
</html>

这是HTML语言文件的开始.
<html> 与 </html>
标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。

(二)然后,我们会看到第二行的
<head>
和第18行的
</head>
这里的HEAD的解释为“头”
所以,写在<head></head>中间的内容就是HTML文件的头部信息。
头部信息一般情况下是不会在网页上显示出来的,所以里面经常包含一些脚本,层叠样式表,对某些信息的说明以及版权,关键字,页面描述等内容。我们这个文件的<head>段落中只有<title>和<script>两个子段。这里跟大家说一下:HTML代码一般是以<>作为开始而用</>作为结束的。比如<title>是一个标签段的开始,而</title>就是这个标签段的结束。
当然,你也会看到特殊的情况,比如:后面出现的<br />就很特别。像<br />这样的写法是因为这个标签中并没有任何内容。所以可以这样简写。

(三)Title标签里面的内容就是呈现在各位浏览器标题栏上面的文字。注意前面的<title>和后面的</title>不要误删掉就可以了。
然后,保存一下。刷新页面,看下是不是出现在你的标题栏上了?火狐和IE8没办法即时修改,请用记事本打开Hello.html文件进行修改。

(四)我们看到第19行到第33行的<body>标签段.

首先,我写了三个Headlines
<h1>
<h2>
<h3>

Headline就是报纸上面一篇文章的标题。在我们的HTML中也是表示一个页面中类似文章标题(题目)的语段.这样H1,就如同报纸上的头版头条,字体最大最显眼。H2比H1的字号小一点,就等于其他版面的头条。而H3就类似与某一条新闻的副标题了。也许各位会问,我并没有对这些标签设置字号,为什么他们之间差距那么大。其实这些H1到H6的标签,都是HTML标准里面设定好的。当然在后面学了CSS层叠样式表之后可以将其改掉。

(五)请各位打开开始菜单,选择“运行”一项。

我们来说一下PING命令,在运行对话框里面输入
cmd
然后回车,打开一个窗口,如果没有特殊的设定,这个窗口时黑底白字。这种的窗口叫做命令提示符。

你可以在这个窗口中输入
PING
然后回车。

你会看到一大段英文……
这些文字是PING的文件说明。

[使用说明]
我们常用的命令是PING某个网站,即在输入完PING之后,输入一个空格,接着输入网站的域名。比如:ping www.baidu.com或者ping www.52zd.com,输入上面的内容以后回车,您会看到PING程序开始运行了。显示出一段类似Pinging xxx.xxx.com [xxx.xxx.xxx.xxx] with 32 bytes of data:的提示信息。输入ping然后加一个空格,输入你要Ping的域名。由于百度在各地的服务器比较多,而且经常存在劫持的现象,所以各地Ping百度显示的信息可能不太一样。Pinging后面的域名是这个网站的实际域名。中括号里面的信息是这个网站的IP地址。Ping在默认的情况下会向你输入的这个网站发送一个32位的数据包。32位就是4个字节。而且默认情况下发送4次。所以接在这一行后面,有四行“Reply From”的信息。Reply信息中记录了对方服务器的反馈包信息。当然,如果对方服务器有防火墙,并且设定了阻止Ping反馈的话,你可能会收到Request TimeOut 这样的信息。这个提示的含义是:目标服务器没有摘规定时间内进行反馈。正常的Reply信息中有以下几段内容:Bytes,目标服务器端反馈的包长度,通常和我们发出去的包一样,也是32个字节。Time,这个数值是服务器的响应时间长度。也就是我们玩游戏时说的延时。如果你所PING的IP和你在同一个内网,这个延时可能会小于1而任意万维网网站的延时都应该是一个正数。比如说我这边到腾讯DNF电信服务器的延迟是24MS,而到北方网通的某服务器的延迟就能达到1000MS以上,这里的单位MS,是毫秒。1000MS等于1秒钟。所以,你如果玩一款延迟超过1S的游戏,你就会觉得这游戏很卡。第三个参数TTL,是Time To Live的缩写。意思可以理解成这个数据包在网络中生存了多久。
 

顶一下
(2)
100%
踩一下
(0)
0%
本站声明:本站文章,如无特别说明,均为转载或者节选自其他网站。
如本文内容侵犯了您的合法权益,请与责任编辑联系。谢谢合作!
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
发布者资料
飞雪鸿云 查看详细资料 发送留言 加为好友 用户等级:高级会员 注册时间:1970-01-01 08:01 最后登录:2009-09-24 21:09
热点文章

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

相关教程

8月9日Dreamweaver8.0基本操作

8月2日通过实例讲解CSS

7月26日熟悉基本的HTML代码(新手群)

7月25日Dreamweaver8.0基本操作(新手群)

关于我们 | 站点地图 | 广告服务 | 友情链接 | 论坛 | 沪ICP备05017900号

本站驻搜搜问问特派团队:网页制作新手营

Copyright © 2009-2010 菜鸟阵地