如何用HTML创建一个简单网页

1W次浏览推荐于2020.04.24

虽然不需要了解HTML也可以创建一个网页,但不管使用哪一种网页编辑器你都会不可避免的遇到一些问题,这时HTML就派上用场了。在很多优秀的网站上都可以学习HTML(比如W3school),然而,这篇文章会告诉你用HTML创建网页的一些最基本知识。有了这些最基本的知识,你很快就可以从无到有的制作一个网页!

    使用HTML

    • 01

      了解HTML是什么。HTML是一种制作网页的编码语言。想看看它是什么样子,访问IE并右键点击空白处选择“查看源文件”。你会看到一个代码页面,那就是HTML。浏览器可以理解这些代码,并把这些代码解释成Web页面。 在IE浏览器中,选择查看菜单中的“源”。在Mozilla Firefox中,按下[Ctrl]+U查看网页源代码。在Safari中,选择查看—查看源代码(或者是Option+Command+U)。

      • 02

        使你的初始网页尽可能的简单。如果不这样做,复杂的语法和脚本语言可能会让你不堪重负。 非常重要的一点是,你需要将你的信息写在开始标签和结束标签之间。一个开始标签看起来像这样:<___>。一个 结束标签看起来像这样:</___>。最后,用代码替换“___”。

        • 03

          转到开始,然后选择“程序”,再选择“附件”。选择“记事本”。

          • 04

            告诉浏览器你正在使用哪一种语言。键入<html>。这是你写下的第一个标签,它告诉电脑你正开始写网页代码。有开始就有结束,在文件的最后以这个标签作为结尾:</html>。它代表网页结束。

            • 05

              如图所示,添加页面标题。

              • 06

                命名你的页面。标题非常重要,因为它告诉用户你的网页是做什么的。此外,当用户把你的网页存为书签时,网页标题是他们在书签列表里唯一看到的东西。HTML中标题代码是<title>。通过标签</title>来结束标题。标题将会显示在选项卡上,不要期望它成为整个网站的标题。

                • 07

                  在页面主体上工作。键入<body>以打开主体(即body)标签。并通过</body>标签结束主体。网页的大部分内容都处在<body>和</body>之间。 如果想为你的网页设置背景,就需要在主体中添加样式。与常见的写法不同,添加方式为键入<body style="background-color:silver">。你可以尝试不同的颜色,甚至十六进制代码。引号中的词语被称为“属性”。它们必须用引号括起来!

                  • 08

                    在主体标签中写一些代码。 想要把文本转到下一行(像在键盘上按“Enter”),键入<br>。 想要添加一个可以全屏幕移动文本的选取框?只需键入<marquee>文本从这里开始</marquee>。

                    • 09

                      添加一些图片。如果你想把互联网上的图片放到网页上,那么对于该图片的HTML代码是<img src="URL"> 。结束标签为:。然而,这个结束标签是可选的。

                      • 10

                        检查代码,确保每一个标签都结束了。你的网页应该看起来像这样: <title>我的网页</title> <bgcolor="yellow"> 我爱wikiHow 因为 <marquee>它是世界上最优秀的网站!</marquee> <img src="http://www.wikihow.com/skins/common/images/wikiHow_logo_5.gif">

                        • 11

                          保存你的工作。转到“另存为”,输入一个扩展名为.html的文件名(如“testfile.html”)并在文件类型中选择“所有文件”或“文本”。如果这两步没做好,那么文件就无法工作。找到你保存文件的位置并双击,然后你的默认浏览器就会打开这个属于你自己的网页。

                          • End

                          你需要准备

                          • 01

                            一个文本编辑程序如Notepad ((适用于Windows)或者Textedit(适用于Mac)。 一个浏览器如Mozilla Firefox或者Safari。 连接着互联网的计算机 某种文件管理器如Windows资源管理器(可选) 图片托管商如Photobucket或者Flickr

                            • End

                            特别提示

                            在几分钟内做好一个简单网页的能力将会很有用,你会给你的朋友留下深刻印象。你可以为你的一位朋友制作个个人网页。他们可能会既感动又开心。

                            你还可以试试Adobe Dreamweaver。当你遇到困难的时候它会帮助你,它所见即所得的功能会让你找到问题所在并修复之。

                            确保改正了所有的错误,这样他们可以更简单的搜索到。

                            你可以在互联网上找到很多有关制作网页的教程。百度一下HTML教程。

                            如果你想稍稍调整下代码,找到文件并将".htm"重命名为".txt"。或者,你可以保存代码的两个副本,一个后缀为.htm,另一个后缀为.txt。这使你可以更方便的对它进行编辑。

                            结束标签不能随意放置。下一级标签必须处在上一级标签内部。像这样:<tag1><tag2> 陈述</tag2></tag1>。

                            想要制作更高级的网站,使用类似于Microsoft Expression Web的网页编辑器。

                            在做出一些实际改动以前,使用模板来测试你在个人网页上的更改,如Myspace。

                            这里有一个标签位置错误的例子<tag1><tag2>陈述</tag1></tag2>。

                            本文告诉你如何创建网页。访问WikiHow上的其他文章来获得如何在网页上发布内容的信息。

                            当你使用一个标签时,你必须同时有一个结束标签,除非该标签不需要结束标签。这些标签包括<img>或者<hr>。然而,如果不确定标签需不需要结束,那就还是写上结束标签。

                            如果你的网页不能正常使用,复制粘贴上文的HTML代码并将其保存为指导样本,然后查看该页面。用你已经学会的代码来编写网页。

                            很多人把他们的网页设计的多姿多彩。努力尝试、学习,你也能做的一样好!

                            <marquee>标签并非W3C(万维网联盟)官方定义的标签,所以可能并非所有的浏览器都支持它。这个标签由Internet Explorer创建并首先支持,进而受到其他浏览器的支持。

                            确保你拥有你的图片,这样它就不会偷偷占用现有主机带宽。你可以把图片放在一些类似于Photobucket,Flickr或者Imageshack的网站上。

                            “bgcolor”属性已经过时了。正确的方法是使用CSS来改变不同元素的背景颜色。

                            确保你在文件名后手动键入了“.html”或者“.htm”并在文件类型中选择了“所有文件”或者“文本”。如果这两步没做好,那么文件就无法工作。

                            免责声明:

                            本页搜狗指南内容仅代表作者本人意见,若因此产生任何纠纷由作者本人负责,概与搜狗公司无关。本页搜狗指南内容仅供参考,请您根据自身实际情况谨慎操作。尤其涉及您或第三方利益等事项,请咨询专业人士处理。

                            本文内容由wikihow提供,点击查看原文

                            0点赞无帮助无帮助
                            还没有个性签名哟