首页 > 软件开发 > HTML >

如何用html输出“Hello World”

来源:互联网 2023-03-16 19:17:26 版权归原作者所有,如有侵权,请联系我们

学习html的新手们,输出(显示)一段文字是基本功,让我们来一起看看如何输出吧!bZe办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • 系统自带的记事本或者专门的html代码软件

用记事本如何编写?

  • 1

    首先打开记事本。如图所示:bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 2

    写入代码:bZe办公区 - 实用经验教程分享!

    html>bZe办公区 - 实用经验教程分享!

    head>bZe办公区 - 实用经验教程分享!

    title>bZe办公区 - 实用经验教程分享!

    Hello World !--这里是注释,左边代码是指标签页名称,可以改变-->bZe办公区 - 实用经验教程分享!

    /title>bZe办公区 - 实用经验教程分享!

    body>bZe办公区 - 实用经验教程分享!

    Hello World !--这里是注释,左边代码是指输出内容,可以改变-->bZe办公区 - 实用经验教程分享!

    /body>bZe办公区 - 实用经验教程分享!

    /html>bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 3

    接下来保存,把txt记事本文件改成html文件,并点击运行。bZe办公区 - 实用经验教程分享!

    运行界面如图所示:bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 用其他软件输出

  • 1

    个人比较推荐Notepad ,不管用什么软件,代码都是一样的,bZe办公区 - 实用经验教程分享!

    下面演示一下如何用Notepad 输出一段文字。bZe办公区 - 实用经验教程分享!

    首先打开Notepad :bZe办公区 - 实用经验教程分享!

    界面如图所示:bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 2

    输入上面同样的代码。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 3

    这时候我们发现软件的左下方写着Normal Text File,意思是正常文本文件(txt),我们要的是html代码(Hyper Text Markup Language)文件,所以我们需要更改一下。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 4

    如何更改?首先点击上方菜单栏的“编码(N)”,确认是不是UTF-8编码bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 5

    在点击旁边的“语言(L)”,确认是否是html语言bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 6

    这时候我们发现左下方变成“Hyper Text Markup Language File”,代码也变颜色了。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 7

    如何运行呢?我们先要把文件保存。bZe办公区 - 实用经验教程分享!

    首先点击菜单栏的“文件(F)”再点击“另存为”,按快捷键Ctrl Alt S也可以。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 8

    选择保存路径并输入文件名。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 9

    需要注意的是:保存时的保存类型一定要选择好!因为Notepad 支持所有编程语言,这也是我推荐用Notepad 来编写语言的原因。我们这里选择html文件。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 10

    保存好后,可以直接到你保存的路径并找到文件,打开运行。bZe办公区 - 实用经验教程分享!

    也可以用Notepad 自带的运行功能,bZe办公区 - 实用经验教程分享!

    方法如下:bZe办公区 - 实用经验教程分享!

  • 11

    点击菜单栏的“运行(R)”,点击“运行”,或者可以按快捷键F5。bZe办公区 - 实用经验教程分享!

    如何用html输出“Hello World”?bZe办公区 - 实用经验教程分享!

  • 12

    点击按钮[...]三个点,找到你保存文件的路径并运行吧!bZe办公区 - 实用经验教程分享!

  • 注意事项

    • 此经验有我原创,转载请注明出处。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bZe办公区 - 实用经验教程分享!


    标签: HTML编程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号