前言:
对于编程人员来说,第一个程序几乎必写的都是Hello World,也是代表进入了新的学习篇章吧
一、操作步骤
1.打开vscode(如果没有这个软件,可以从我的文章里面看下载教程) ,文件---->新建文本文件或者使用快捷键:CTRL+N打开
2.文件-->保存
3.选择文件保存位置后,文件的后缀名txt更改为html,然后点击保存
4.vscode里面第一行输入!
注意:这个!一定是英文输入法的才会显示。如果是中文的!这两个感叹号不会显示出来的
5.然后选择第一个!,鼠标点击或者回车键都可以。就自动帮我们生成了一个这样的代码
6.把代码第7行的title中间夹着的Document改为我要开始学习前端啦
然后再把被body中间夹着第10行填入Hello World
7.选择运行---->启动调试
注意:有安装运行插件的右键open in Default Browser(有这个插件运行会更方便快捷一点,直接右键点击这个就可以运行了,这是我教下载这个插件的超链接)
8.任意选择一个浏览器打开(我是选择这个Web App Chrome)
9.运行成功页面
10.把这个网页关闭,避免电脑资源浪费
二、代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我要开始学习前端啦</title> </head> <body> Hello World </body> </html>