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

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

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

(0)

相关推荐

  • 如何用frontpage制作简单的网页

    然后,我们打开Frontpage软件,些软件打开如同其它办公软件雷同,我们选择文件菜单栏下的下新建或者是又边的新建空白文本档都行 如果我们要插入一个表格,可以选择菜单栏上的表格>插入>表格 ...

  • 如何用PS来设计简单的网页

    PS软件应用十分的广泛,修改图像,运用图层蒙版设计简单网页,文字排版,网页优化,包括导航图,网页底端的页脚,网页主题内容,特效文字的制作,动作按钮的设计等.今天和小编一起来学习如何用PS来设计简单的网 ...

  • 用记事本编写简单的html网页

    用记事本编写html语言并保存为html格式的文件,生成简单的网页,这样我们就开始了html网页入门旅程 操作方法 01 在电脑桌面新建文本文档:桌面上单击右键->选择新建->选择文本文档 ...

  • 如何使用记事本创建网页

    如何使用记事本创建网页?要创建一个HTML文档,需要两个工具:一个是文本编辑器(如记事本.UltraEdit.Editplus等).一个是用语查看HTML文档效果的web浏览器(如IE浏览器.谷歌浏览 ...

  • 用记事本创建html页面,且教你如何设置好编码

    记事本作为一款简单的编辑器,其默认保存的后缀是 txt格式,而 html页面的后缀是 html或者 htm.所以txt转化html页面首先要改后缀,其次再写html的标签语法即可. 操作方法 01 首 ...

  • 如何用Visio2007创建基本框图快速入门的详细步骤

    微软Visio2007为我们提供大量的模板以及无数的形状,这其中一些显得比较简单,但是另外的一些却又相对比较复杂,让人无可适从.本文主要就是为大家介绍如何用Visio2007创建基本框图以便你能够快速 ...

  • 如何用Access建立简单数据库

    现在有不少信息都是用数据库来存储的,大的数据库我们个人不用管,但有时要建个小库,那么就可以用Access来建立了,如何用Access建立简单数据库呢,很简单,难的是输入数据.下面我来为大家讲讲. 操作 ...

  • 如何用VS创建编译运行一个c/c++语言工程

    Microsoft Visual Studio(简称VS)是美国微软公司的开发工具包系列产品.第一次使用它的人对于创建一个最基本的c/c++程序都不知道怎么做,因为功能实在是太过繁杂.下面我教大家如何 ...

  • 如何用AE进行简单的视频剪辑

    AE是一款影视后期合成软件,使用该软件可以制作很多特效,下面我们就来看看如何用AE进行简单的视频剪辑的吧. 操作方法 01 在桌面上双击aftereffect的快捷图标打开该软件,进入该软件的操作界面 ...