怎么样用记事本创建简单的网页 应该怎么做?

来源:互联网
责任编辑:李佳
 综合 
字体:

在本文中:创建属于自己的网页

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

创建属于自己的网页

以Create a Simple Webpage Using Notepad Step 1为标题的图片

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

以Create a Simple Webpage Using Notepad Step 2为标题的图片

2HTML(超文本标记语言)使用标签来编写网页。基本上,标签的格式是<尖括号>中带有一些文字。

你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”,如:</text>。这些结束标签就像加粗字体或段落一样。

以Create a Simple Webpage Using Notepad Step 3为标题的图片

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

以Create a Simple Webpage Using Notepad Step 4为标题的图片

4下一个标签是<head>。

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

以Create a Simple Webpage Using Notepad Step 5为标题的图片

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

以Create a Simple Webpage Using Notepad Step 6为标题的图片

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

以Create a Simple Webpage Using Notepad Step 7为标题的图片

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

以Create a Simple Webpage Using Notepad Step 8为标题的图片

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

以Create a Simple Webpage Using Notepad Step 9为标题的图片

9在网页的正文部分还可以添加<p>标签或段落标签。在标题后方,可以加上<p>网站正文内容。如果你想要另起一行,可以使用<br>标签或停顿标签。

以Create a Simple Webpage Using Notepad Step 10为标题的图片

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

以Create a Simple Webpage Using Notepad Step 11为标题的图片

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

以Create a Simple Webpage Using Notepad Step 12为标题的图片

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

以Create a Simple Webpage Using Notepad Step 13为标题的图片

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

以Create a Simple Webpage Using Notepad Step 14为标题的图片

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

以Create a Simple Webpage Using Notepad Step 15为标题的图片

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

小提示

要记得添加结束标签。

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

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

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

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

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

相关wikiHows

在Chrome浏览器中下载YouTube视频

如何

在Chrome浏览器中下载YouTube视频

减少PDF文件的大小

如何

减少PDF文件的大小

打开EPUB文件

如何

打开EPUB文件

打出倒过来的问号?

如何

打出倒过来的问号?

打开EML文件

如何

打开EML文件

在HTML中插入空格

如何

在HTML中插入空格

使用VPN

如何

使用VPN

发匿名短信

如何

发匿名短信

重置Macbook Pro

如何

重置Macbook Pro

恢复被覆盖的文件

如何

恢复被覆盖的文件

打开SWF文件

如何

打开SWF文件

添加打印机

如何

添加打印机

将照片从iPhone传到电脑

如何

将照片从iPhone传到电脑

在Mac中打开exe文件

如何

在Mac中打开exe文件

根据您访问的内容,您可能还对以下内容感兴趣,希望对您有帮助:

怎样利用记事本和HTML制作一个简单的网页

答:直接在记事本上写html代码就可以了。很简单。建议你看看html的基础知识。 方法/步骤 1 1、 打开“记事本”软件,在记事本...

用记事本创建了一个html网页,创建完了怎么编辑?...

答:记事本创建html? 你是想学html吗?可以描述得具体一点吗? 有很多编辑器可以使用。像sublime,atom,Hbuilder,webstorm,vscode都可以,如果是新手推荐使用sublime,等熟练了再转Hbuilder或webstorm,等熟练了,可以使用其他的,因为其他的需要自己...

请问用记事本制作网页,写好代码以后,怎么生成的...

答:新建一个TXT文件(文本文档),写入代码,然后直接F2或右击选择重命名,比如说你的文件名是abc.txt,那你把它改成abc.htm就行了,不过电脑开始默认的是隐藏后缀名,所以文件显示的都是没有后缀名的,比如你新建的TXT文件它的文件名就是abc,所以...

如何用记事本做网页

答:用dreamweaver和记事本同时编写网页的时候,当记事本里的内容发生改变时,dreamweaver会检测到倒页面内容已经更改,会提示你,是否加载修改过后的网页,如果点是就替换成记事本里面的网页内容了,反之刚为原来内容. 解决办法,建议不要同时用两个工具来...

怎样用记事本制作网页连接?

答:HMML格式?????网页还有这格式、??疯了吧你,, 1新建记事本 2.写入如下内容 百度 纯手工代码 给个悬赏吧...........

用html语言在记事本上做一个简单的个人主页网页,...

答:直接复制啊,鼠标右键查看源代码,复制出来放记事本上保存后修改记事本名字1.Txt为1.html就可以了。

用记事本做个网页

答:本人公司的旧网站的其中一页!可以用的吧! HongYuan timber Furniture Manufacturing supplier China - Home-furniture-manufacturer -china HONGYUAN FURNITURE MANUFACTUR ING GUANGZHOU Why HONGYUAN? We speak fluent in English so your bus...

用记事本写代码制作网页?

答: 用记事本写代码制作网页 第1段文字 第2段文字

用记事本做网页

答:你新建个记事本,然后把后缀名改成html静态网页的标签!再通过记事本php语言来编写程序! 这是静态网页大致代码,html是总体标签,head是头部,title是网页的名字,body就是网页主体部分啦!网页代码大部分都是成对出现的!这只是一个简单地网页...

怎样用记事本编写网页

答:可以通过以下方法解决问题: 1、把网页的代码写到记事本上再把它复制到专业网页编写软件里面即可。


www.book1234.com true http://www.book1234.com/10/4336/108175.html report 105592 怎么样用记事本创建简单的网页应该怎么做?,在本文中:创建属于自己的网页我们每天都要使用和浏览网页,它已经成为生活中必不可少的一部分。但是,制作一个网页究竟有多难呢?在这篇文章里,我们会向你介绍如何用记事本程序来编写简单的HTML网页。步骤创建属于自己的网页1打开记事本程序。所有Windows...
娱乐时尚
科技资讯
历史文化
真视界
旅游美食
精彩图文
我爱我车
母婴健康
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2018 book1234.com All Rights Reserved. 布客网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号
教育考试: 学历财经建筑 医药公考资格外语电脑作文招聘中小学留学 文档 移民 文库专栏23问答中心z资讯z资讯1资讯涨资讯涨资讯1资讯问答图书馆知识IT编程数码信息解决方案信息中心IT科技问答新闻中心软件教室设计大全网络相关英语学习开发编程考试中心参考范文管理文库营销中心站长之家IT信息中心商学院数码大全硬件DIY企业服务网吧在线百科硬件知识手机平板汽车游戏家电精彩摄影现代家居IT女人经验健康养生猎奇创业攻略教育学习历史时尚潮流最近更新涨知识