日期:2024年2月27日

编写你的第一个网页

通过前边的学习,你大概已经对网页有了一个初步的认识了,接下来我们来看看如何编写一个真正的网页。

文档声明

首先,一个网页的最开头是网页的文档声明(doctype),HTML发展这么长的时间存在有很多不同的版本,像现在比较常见的HTML4.01 、XHTML、HTML5。而不同版本的网页在语法上也有些许的不同。所以我们在编写网页时必须要告诉浏览器,当前我们使用的HTML的版本,才可以确保浏览器可以正常解析网页。文档声明的作用是声明当前网页的版本,以确保浏览器可以正常解析网页。在网页中存在有很多不同的文档声明,但是现在来讲我们要使用的文档声明只有一种:<!doctype html>它的作用是告诉浏览器当前的网页是一个HTML5标准下的网页。对于你来讲需要记住的就是,编写网页时,第一行就要写这个东东!

根标签 <html>

根标签也就是html标签是一个网页最外围的标签,网页中的所有内容都应该放入到根标签中。

<head>和<body>

html根标签中有两个子标签(子标签指某个标签内部的标签),head和body,head标签表示网页的头部。head中的内容不会在网页中直接显示,它里边的内容主要用于帮助浏览器解析网页,或帮助搜索引擎识别网页。body标签是网页的主体,所有希望在网页中呈现的内容都应该写在body标签中。一定要记住!html中只能有两个子标签html和body。

所以一个网页的基本结构应该是这个样子的:

<!doctype html>
<html>
    <head>
        <title>网页的标题</title>
    </head>
<body>
        网页的主体
</body>
</html>

这其中有一个标签title我们还没有提到,title也很简单,首先它是head的子标签(在head的内部),所以title中的内容不会在网页中显示。title表示的是网页的标题,它会显示在浏览器的标题栏,并且搜索引擎也会根据title的内容来识别网页中的主要内容。

怎么样?听明白了吗?不急,自己打开记事本,将这些代码敲出来,然后将文件存储为一个xxx.html文件,然后通过浏览器打开看看效果吧!

步骤:

1.打开记事本

打开记事本

2.在记事本中编写html代码

在记事本中编写网页代码

3.将文件存储为xxx.html

保存网页文件

4.双击打开查看效果

双击文件运行
1 1 投票
文章评分
订阅评论
提醒
guest

0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x