如何用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

    (0)

    相关推荐

    • 如何用Microsoft visual c++创建一个简单程序

      软件技术宅男苦于不知道怎么用Microsoft visual c++这个软件来创建一个简单程序确实是很烦恼,所以本人写了这篇来拯救大家,希望能够帮助到一些娃子们.谢谢! 操作方法 01 首先打开Mic ...

    • 如何在电脑上创建一个HTML网页

      今天给大家介绍一下如何在电脑上创建一个HTML网页的具体操作步骤.1. 准备工作,打开电脑,在桌面空白处右键,选择新建一个txt文本文档.2. 然后打开文档,输入相关的html代码,最后选择文件--- ...

    • 如何用PS画一个简单的长方体?

      如何用PS画一个简单的长方体? 操作方法 01 打开PS,并新建一张画布 02 新建"图层1" 03 选取左侧"矩形选框工具" 04 在画布上拉出一个长方形,并 ...

    • 创建一个简单的springboot项目

      最近学习公司在做项目迁移和拆分,把之前的EJB组播,改成springcloud微服务架构,然后就开始学习springcloud,而springboot又是springcloud的基础,所以学习spri ...

    • Excel如何创建一个简单的数据透视表

      在日常生活中,Excel中如何创建一个简单的数据透视表?又是如何操作的?一起学学吧! 操作方法 01 首先单击数据区域内的任一单元格,点击菜单栏"插入"-"表格" ...

    • 怎样利用VC++6.0创建一个简单的C程序

      对于学C语言的各位同学来说,利用VC++6.0编程是一项基本的学习技能,但是对于新手来说,可能也存在不懂如何创建一个简单C程序的步骤,今天我就分享一下在VC++6.0中创建一个简单C程序的步骤. 操作 ...

    • 如何用文本做一个简单的HTML网页

      见到许许多多的个性网页,有没有想过自己做一个漂亮的网页.小编教大家用文本制作一个简单的静态网页. 操作方法 01 首先我们在桌面点击右键找到新建. 02 然后点击新建中的文本文档 03 这时候桌面会多 ...

    • 怎么用Pygame创建一个简单的窗口?

      本片要介绍的是一个比较特殊的PythonGUI工具包.它虽然不能使用控件,也没有自带主循环,但是它可以方便地执行各种绘图指令.这篇,我们来学习如何用它来创建简单的窗口程序. 操作方法 01 话不多说, ...

    • 如何用AI创建一个考拉?

      小编:每个人都喜欢去动物园,对吧?可以看到不同的动物,看到可爱的小动物宝宝.当然你喜欢熊猫,狮子,长颈鹿--今天我将向您展示如何创建一个考拉爬上一棵树.这是一个很简单,有趣的教程,对于新手来说很有帮助 ...