如何用HTML创建一个简单网页
虽然不需要了解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”)并在文件类型中选择“所有文件”或“文本”。如果这两步没做好,那么文件就无法工作。找到你保存文件的位置并双击,然后你的默认浏览器就会打开这个属于你自己的网页。
你需要准备
- 01
一个文本编辑程序如Notepad ((适用于Windows)或者Textedit(适用于Mac)。 一个浏览器如Mozilla Firefox或者Safari。 连接着互联网的计算机 某种文件管理器如Windows资源管理器(可选) 图片托管商如Photobucket或者Flickr