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

下载PDF文件下载PDF文件

我们每天都要使用和浏览网页,它已经成为生活中必不可少的一部分。但是,制作一个网页究竟有多难呢?在这篇文章里,我们会向你介绍如何用记事本程序来编写简单的HTML网页。

方法 1
方法 1 的 1:

创建属于自己的网页

下载PDF文件
  1. How.com.vn 中文: Step 1 打开记事本程序。
    所有Windows电脑都会自动安装记事本程序。你可以在“开始”菜单中找到它。打开记事本后,点击“文件”,然后从下拉菜单中选择“另存为”选项。在文件类型菜单中选择“所有文件”。将文件另存为HTML文件。一般来说,一个网站的首页叫做“index.html”,它也是网站的导航页,可以从这个导航页上访问网站的所有内容(它基本包含了网站上所有的链接)。
  2. How.com.vn 中文: Step 2 HTML(超文本标记语言)使用标签来编写网页。
    基本上,标签的格式是<尖括号>中带有一些文字。
    你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”,如:</text>。这些结束标签就像加粗字体或段落一样。
  3. How.com.vn 中文: Step 3 一般来说,网页的第一个标签是:<html>。
    你可以把它放在记事本文件的顶部。
  4. How.com.vn 中文: Step 4 下一个标签是<head>。

    这个标签<title>定义了文档的头部,告诉浏览器把什么内容放在窗口的顶部。“元标签”(可选)会告诉搜索引擎(如谷歌)网站的属性和信息。
  5. How.com.vn 中文: Step 5 在“head”标签的下一行,放上网站标题,如:<title>How.com.vn HTML</title>。
  6. How.com.vn 中文: Step 6 输入</head>标签,结束网页“头部”的内容。
  7. How.com.vn 中文: Step 7 接下来就到了<body>标签部分。
    请注意,浏览器并不能支持所有颜色,如大部分浏览器不支持显示深灰色。
  8. How.com.vn 中文: Step 8 在两个“body”标签的中央,添加网页的内容,这里的内容会呈现给浏览的用户。
    让我们从标题入手。我们选择用大一点的文字来显示标题,在HTML中用<h1><h6>标签来编辑内容,其中<h1>标签里的文字字体最大。在网页的顶部、“body”标签的后面,输入欢迎语,如:<h1>欢迎来到xx网站!</h1>。确保在最后加上结束标签, 否则你的整个页面会变得巨大!
  9. How.com.vn 中文: Step 9 在网页的正文部分还可以添加<p>标签或段落标签。
    在标题后方,可以加上<p>网站正文内容

    。如果你想要另起一行,可以使用<br>标签或停顿标签。
  10. How.com.vn 中文: Step 10 你可能不希望创建一个纯文本网页,所以请考虑加入不同的格式。
    <b>代码来加粗文本,用<i>来倾斜文字,用<u>加入下划线。记住,不要忘记结束标签。
  11. How.com.vn 中文: Step 11 事实上,让网站内容变得丰富多彩的是各种各样的图片。
    就算给文字加上很多不同的格式,图片还是比文字更能吸引人们的眼球,带来更多的阅读兴趣。使用<img>标签来加入图片。跟正文标签一样,它还需要更多的信息。图片标签可以像这样编辑:<img alt=dog src="dog.jpg" width=200 height=200>。其中,src(来源)是图片的名字,宽度和高度是图片的宽和高(单位是像素)。
  12. How.com.vn 中文: Step 12 快完成啦!你可能希望网站的访客能看到不止一个网页。
    你可以通过创建链接来丰富网站内容。例如,使用:<a href="otherpage.html">Another page</a>代码创建链接。标签之间的文字是到达另一个网页的链接名称,“href”部分则是链接到的目的网页。创建网页链接可以提高用户浏览效率。
  13. How.com.vn 中文: Step 13 最后,在正文部分的末尾加上</body>,整个网页的末尾加上</html>。
  14. How.com.vn 中文: Step 14 保存文件,将文件保存成“.html”格式。
    然后在常用的浏览器中打开.html文件,看看网站是什么样子的。祝贺你!你已经创建好一个网页了。
  15. How.com.vn 中文: Step 15 如果你想要把网页放到网站上,可以查看如何在自己的域名上发布网站。
    广告

小提示

  • 要记得添加结束标签。
  • 你可以在网络上搜索更多标签。网络上有很多不错的网站可以指导你创建网页。其中,W3Schools网站就很不错。
  • 在第一行、第一个<HTML>标签前,输入<!DOCTYPE html>。它会告诉浏览器,你的网页属性是HTML5。
  • 你可以在<html>的前面、</html>的后面输入<font face="N"></font>,来更改字体。用一种字体来代替其中的“N”,如:“Verdana”。
  • 如果想在网页上使用尖括号,请使用< 和 > 。符号是&amp。
  • 根据HTML教程,用小写字母(不带空格和标点符号)来命名网页文件夹和文件。尽管Windows系统允许你使用空格,但是许多网站服务器都不允许出现空格。规范命名文件将给你省去很多麻烦、节约大量时间。
广告

关于本How.com.vn

How.com.vn是一个“多人协作写作系统”,因此我们的很多文章都是由多位作者共同创作的。 为了创作这篇文章,71位用户(部分匿名)多次对文章进行了编辑和改进。 这篇文章已经被读过9,363次。
本页面已经被访问过9,363次。

这篇文章对你有帮助吗?

⚠️ Disclaimer:

Content from Wiki How 中文 language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.

Notices:
  • - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
  • - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
  • - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
  • - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.

广告