如何用记事本创建简单的网页
我们每天都要使用和浏览网页,它已经成为生活中必不可少的一部分。但是,制作一个网页究竟有多难呢?在这篇文章里,我们会向你介绍如何用记事本程序来编写简单的HTML网页。
创建属于自己的网页
- 01
打开记事本程序。所有Windows电脑都会自动安装记事本程序。你可以在“开始”菜单中找到它。打开记事本后,点击“文件”,然后从下拉菜单中选择“另存为”选项。在文件类型菜单中选择“所有文件”。将文件另存为HTML文件。一般来说,一个网站的首页叫做“index.html”,它也是网站的导航页,可以从这个导航页上访问网站的所有内容(它基本包含了网站上所有的链接)。
- 02
HTML(超文本标记语言)使用标签来编写网页。基本上,标签的格式是 <尖括号>中带有一些文字。 你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”,如: </text>。 这些结束标签就像加粗字体或段落一样。
- 03
一般来说,网页的第一个标签是: <html>。你可以把它放在记事本文件的顶部。
- 04
下一个标签是 <head>。 这个标签 <title>定义了文档的头部,告诉浏览器把什么内容放在窗口的顶部。“元标签”(可选)会告诉搜索引擎(如谷歌)网站的属性和信息。
- 05
在“head”标签的下一行,放上网站标题,如: <title>wikiHow HTML</title>。
- 06
输入 </head>标签,结束网页“头部”的内容。
- 07
接下来就到了 <body>标签部分。请注意,浏览器并不能支持所有颜色,如大部分浏览器不支持显示深灰色。
- 08
在两个“body”标签的中央,添加网页的内容,这里的内容会呈现给浏览的用户。让我们从标题入手。我们选择用大一点的文字来显示标题,在HTML中用 <h1>到 <h6>标签来编辑内容,其中 <h1>标签里的文字字体最大。在网页的顶部、“body”标签的后面,输入欢迎语,如: <h1>欢迎来到xx网站!</h1>。确保在最后加上结束标签, 否则你的整个页面会变得巨大!
- 09
在网页的正文部分还可以添加 <p>标签或段落标签。在标题后方,可以加上 <p>网站正文内容。如果你想要另起一行,可以使用 <br>标签或停顿标签。
- 10
你可能不希望创建一个纯文本网页,所以请考虑加入不同的格式。用 <b>代码来加粗文本,用 <i>来倾斜文字,用 <u>加入下划线。记住,不要忘记结束标签。
- 11
事实上,让网站内容变得丰富多彩的是各种各样的图片。就算给文字加上很多不同的格式,图片还是比文字更能吸引人们的眼球,带来更多的阅读兴趣。使用 <img>标签来加入图片。跟正文标签一样,它还需要更多的信息。图片标签可以像这样编辑: <img alt=dog src="dog.jpg" width=200 height=200>。 其中,src(来源)是图片的名字,宽度和高度是图片的宽和高(单位是像素)。
- 12
快完成啦!你可能希望网站的访客能看到不止一个网页。你可以通过创建链接来丰富网站内容。例如,使用: <a href="otherpage.html">Another page</a>代码创建链接。 标签之间的文字是到达另一个网页的链接名称,“href”部分则是链接到的目的网页。创建网页链接可以提高用户浏览效率。
- 13
最后,在正文部分的末尾加上 </body>,整个网页的末尾加上 </html>。
- 14
保存文件,将文件保存成“.html”格式。然后在常用的浏览器中打开.html文件,看看网站是什么样子的。祝贺你!你已经创建好一个网页了。
- 15
如果你想要把网页放到网站上,可以查看如何在自己的域名上发布网站。