如何用记事本创建简单的网页

目录

方法1:创建属于自己的网页1、打开记事本程序。2、HTML(超文本标记语言)使用标签来编写网页。3、一般来说,网页的第一个标签是:<html>。4、下一个标签是<head>。5、在“head”标签的下一行,放上网站标题,如:<title>wikiHow HTML</title>。6、输入</head>标签,结束网页“头部”的内容。7、接下来就到了<body>标签部分。8、在两个“body”标签的中央,添加网页的内容,这里的内容会呈现给浏览的用户。9、在网页的正文部分还可以添加<p>标签或段落标签。10、你可能不希望创建一个纯文本网页,所以请考虑加入不同的格式。11、事实上,让网站内容变得丰富多彩的是各种各样的图片。12、快完成啦!你可能希望网站的访客能看到不止一个网页。13、最后,在正文部分的末尾加上</body>,整个网页的末尾加上</html>。14、保存文件,将文件保存成“.html”格式。15、如果你想要把网页放到网站上,可以查看如何在自己的域名上发布网站。我们每天都要使用和浏览网页,它已经成为生活中必不可少的一部分。但是,制作一个网页究竟有多难呢?在这篇文章里,我们会向你介绍如何用记事本程序来编写简单的HTML网页。

方法1:创建属于自己的网页

如何用记事本创建简单的网页

1、打开记事本程序。所有Windows电脑都会自动安装记事本程序。你可以在“开始”菜单中找到它。打开记事本后,点击“文件”,然后从下拉菜单中选择“另存为”选项。在文件类型菜单中选择“所有文件”。将文件另存为HTML文件。一般来说,一个网站的首页叫做“index.html”,它也是网站的导航页,可以从这个导航页上访问网站的所有内容(它基本包含了网站上所有的链接)。

如何用记事本创建简单的网页 第2张

2、HTML(超文本标记语言)使用标签来编写网页。基本上,标签的格式是<尖括号>中带有一些文字。
你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”,如:</text>。这些结束标签就像加粗字体或段落一样。

如何用记事本创建简单的网页 第3张

3、一般来说,网页的第一个标签是:<html>。 你可以把它放在记事本文件的顶部。

如何用记事本创建简单的网页 第4张

4、下一个标签是<head>。
这个标签<title>定义了文档的头部,告诉浏览器把什么内容放在窗口的顶部。“元标签”(可选)会告诉搜索引擎(如谷歌)网站的属性和信息。

如何用记事本创建简单的网页 第5张

5、在“head”标签的下一行,放上网站标题,如:<title>wikiHow HTML</title>。

如何用记事本创建简单的网页 第6张

6、输入</head>标签,结束网页“头部”的内容。

如何用记事本创建简单的网页 第7张

7、接下来就到了<body>标签部分。请注意,浏览器并不能支持所有颜色,如大部分浏览器不支持显示深灰色。

如何用记事本创建简单的网页 第8张

8、在两个“body”标签的中央,添加网页的内容,这里的内容会呈现给浏览的用户。让我们从标题入手。我们选择用大一点的文字来显示标题,在HTML中用<h1>到<h6>标签来编辑内容,其中<h1>标签里的文字字体最大。在网页的顶部、“body”标签的后面,输入欢迎语,如:<h1>欢迎来到xx网站!</h1>。确保在最后加上结束标签, 否则你的整个页面会变得巨大!

如何用记事本创建简单的网页 第9张

9、在网页的正文部分还可以添加<p>标签或段落标签。在标题后方,可以加上<p>网站正文内容

。如果你想要另起一行,可以使用<br>标签或停顿标签。

如何用记事本创建简单的网页 第10张

10、你可能不希望创建一个纯文本网页,所以请考虑加入不同的格式。 用<b>代码来加粗文本,用<i>来倾斜文字,用<u>加入下划线。记住,不要忘记结束标签。

如何用记事本创建简单的网页 第11张

11、事实上,让网站内容变得丰富多彩的是各种各样的图片。就算给文字加上很多不同的格式,图片还是比文字更能吸引人们的眼球,带来更多的阅读兴趣。使用<img>标签来加入图片。跟正文标签一样,它还需要更多的信息。图片标签可以像这样编辑:<img alt=dog src="dog.jpg" width=200 height=200>。其中,src(来源)是图片的名字,宽度和高度是图片的宽和高(单位是像素)。

如何用记事本创建简单的网页 第12张

12、快完成啦!你可能希望网站的访客能看到不止一个网页。你可以通过创建链接来丰富网站内容。例如,使用:<a href="http://127.0.0.1:5366/wangzhi/51dongshi.php?url=https://www.51dongshi.com/otherpage.html">Another page</a>代码创建链接。标签之间的文字是到达另一个网页的链接名称,“href”部分则是链接到的目的网页。创建网页链接可以提高用户浏览效率。

如何用记事本创建简单的网页 第13张

13、最后,在正文部分的末尾加上</body>,整个网页的末尾加上</html>。

如何用记事本创建简单的网页 第14张

14、保存文件,将文件保存成“.html”格式。然后在常用的浏览器中打开.html文件,看看网站是什么样子的。祝贺你!你已经创建好一个网页了。

如何用记事本创建简单的网页 第15张

15、如果你想要把网页放到网站上,可以查看如何在自己的域名上发布网站。

小提示

要记得添加结束标签。

你可以在网络上搜索更多标签。网络上有很多不错的网站可以指导你创建网页。其中,W3Schools网站就很不错。

在第一行、第一个<HTML>标签前,输入<!DOCTYPE html>。它会告诉浏览器,你的网页属性是HTML5。

你可以在<html>的前面、</html>的后面输入<font face="N"></font>,来更改字体。用一种字体来代替其中的“N”,如:“Verdana”。

如果想在网页上使用尖括号,请使用< 和 > 。符号是&amp。

根据HTML教程,用小写字母(不带空格和标点符号)来命名网页文件夹和文件。尽管Windows系统允许你使用空格,但是许多网站服务器都不允许出现空格。规范命名文件将给你省去很多麻烦、节约大量时间。