实际操作课(第二课)
作者/整理:admin 来源:互联网 2017-03-02
1.我们来手动操作一下这节课说的四对标签做一个简单的网页。
第一步:在桌面新建一个TXT文档,请按照我下面写出来的内容依次输入:
--------------------------------------------------------------------------
<html>
<head>
<title>第一个网页</title>
</head>
<body>这是我第一次写网页的内容哦!</body>
</html>
-----------------不要怕辛苦,慢慢的打,才开始不熟悉,肯定会觉得比较难,大家认识了标签之后,我会教你用最快捷的方式,打出这些代码,而不是一个字母一个字母的敲了!
第二步:输入完毕之后,保存这个TXT,然后把这个TXT文档重命名为htm,就是把这个文件名称改为比如:1.htm
第三步:双击打开这个htm文件,我们是不是可以在网页看见这段话:这是我第一次写网页的内容哦!
好了,我们自己制作的第一个网页就算完成了,但是我们会有如下疑问:
第一个问题:为什么<title>第一个网页</title>中间的这段文字看不见?
回答很简单:这段文字是一个标题,也就是这个网页整体内容的标题,它不是给人看的,是给搜索引擎看的,记住就是了,人眼睛是看不见这段文字的,作用就是告诉搜索引擎(百度搜索,360搜索,等),我这个网页是什么内容!
第二个问题:为什么这些标签不是每一对相连的出现,而是好像镶套一样,一层包一层的呢?
回答:HTML设计者作为设计的需求,为每个标签设定了名称和作用。
比如:
1.<html></html>这一对标签,是一对根标签,你把它理解为一个箱子,所有的东西都需要装在这里面,在任何页面,最上面总是<html>,而最下面则总是</html>.
2.<head></head>这一对标签,是一对头部标签,你把它理解为网页的头部,作用就是放置本页面的标题和关键词描述及CSS链接等,是给搜索引擎看的,我们在打开页面后是看不到的。
3.<title></<title>这一对标签,是一对标题标签,你把它理解为网页的标题,作用就是放置本页面内容的标题,也就是文章的标题,这个也是给搜索引擎看的,我们打开页面也是看不见的哦,你要注意的是,这一对标签在页面的位置,必须是在<head></head>中间的,因为它也是属于头部的一部分。
4.<body></body>这一对标签,是一对正文标签,你可以把它理解为网页的身体,我们所有的正文内容都要写在这里面哦,用户打开网页,眼睛能够看见的就是这一对标签内的内容了。
这四对标签在网页中的排列对照表:
<html> 网页开始
<head> 头部开始
<title> 标题开始
</title> 标题结束
</head> 头部结束
<body> 正文开始
</body> 正文结束
</html> 网页结束
总结:任何网站页面这四对标签必不可少,如果你少了任何一个,浏览器就可能不会认识你这个页面代码,就会做出错误的解析,导致页面显示不正确,也别问我为什么这些标签叫这么个奇怪的名字,它的名字就如你的姓名一样,就是一个代号而已。