主页 > 生活百科 > > 怎么用记事本创建简单的网页

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

方法1创建属于自己的网页

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

    2HTML(超文本标记语言)使用标签来编写网页。 基本上,标签的格式是<尖括号>中带有一些文字。
    你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”,如:。这些结束标签就像加粗字体或段落一样。

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

    4下一个标签是。
    这个标签定义了文档的头部,告诉浏览器把什么内容放在窗口的顶部。“元标签”(可选)会告诉搜索引擎(如谷歌)网站的属性和信息。</h3> <img src="http://www.bimeiz.com/upload/2020/0629/tgunur52jvn.jpg" alt="怎么用记事本创建简单的网页"/><p/><h3>5在“head”标签的下一行,放上网站标题,如:<title>wikiHow HTML

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

    8在两个“body”标签的中央,添加网页的内容,这里的内容会呈现给浏览的用户。 让我们从标题入手。我们选择用大一点的文字来显示标题,在HTML中用

    标签来编辑内容,其中

    标签里的文字字体最大。在网页的顶部、“body”标签的后面,输入欢迎语,如:

    欢迎来到xx网站!

    。确保在最后加上结束标签, 否则你的整个页面会变得巨大! 怎么用记事本创建简单的网页

    9在网页的正文部分还可以添加

    标签或段落标签。 在标题后方,可以加上

    网站正文内容

    。如果你想要另起一行,可以使用
    标签或停顿标签。 怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

    13最后,在正文部分的末尾加上,整个网页的末尾加上。

    怎么用记事本创建简单的网页

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

    怎么用记事本创建简单的网页

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

注意事项

要记得添加结束标签。 你可以在网络上搜索更多标签。网络上有很多不错的网站可以指导你创建网页。其中,W3Schools网站就很不错。 在第一行、第一个标签前,输入。它会告诉浏览器,你的网页属性是HTML5。 你可以在的前面、的后面输入,来更改字体。用一种字体来代替其中的“N”,如:“Verdana”。 如果想在网页上使用尖括号,请使用< 和 > 。符号是&。 根据HTML教程,用小写字母(不带空格和标点符号)来命名网页文件夹和文件。尽管Windows系统允许你使用空格,但是许多网站服务器都不允许出现空格。规范命名文件将给你省去很多麻烦、节约大量时间。
相关百科

牙膏在生活中的另类妙用

牙膏在生活中的另类妙用 牙膏在生活中的另类妙用 牙膏真得是一种美妙的品,它不仅可以清洁你的牙齿,让你的口气清新,它还有很多其他用途!它的化...全文

类似文章
  • 非洲灰鹦鹉的简介 非洲灰鹦鹉的外形特点

    【摘要】非洲灰鹦鹉的简介非洲灰鹦鹉的外形特点 非洲灰鹦鹉的简介 非洲灰鹦鹉(学名:Psittacuserithacus)属于大型鹦鹉,是典型的攀禽,对趾型足,两趾向前两趾...

  • 怎么被圣灵充满

    【摘要】有几种方法来理解“被圣灵充满”。有些人教导这发生在皈依:当某个人邀请耶稣进入他或她的内心的时候。有些人则认为圣灵会在信徒成长的某个时刻出...

  • 怎么解有理方程

    【摘要】若你看到某个分数,至少有一个变量在分子或分母位置,则这个数就是“有理表达式”。有理方程就是含有至少一个有理表达式的等式。解有理方程的方法...

  • 夏天蚊子猖獗 家庭防蚊驱蚊小妙招

    【摘要】夏天的时候是蚊子正猖獗、繁殖的时候的时候,蚊子非常多,稍不注意它就会偷偷的进入房间叮咬人,身上非常痒,让人感到不胜其烦。那么那些比较容易...

  • 钢格栅板的检验报告都应该检测哪些内容

    【摘要】     钢格栅板作为一种新型建筑材料,很多大型项目工厂对钢格栅板的需求越来越广泛,对于需求的钢格栅板也不知道应该如何定做如何检验,那我们如...