html css 零基础入门之第一个html代码(注重于vscode的安装使用)

  html css 零基础入门之第一个html代码

刚博主已经做了一个基础部分的margin与padding的讲解!为了给零基础的小伙伴们提供更多的帮助,现在我们来学习一下如何构建第一个HTML代码呢?

针对与啥都不懂的萌新来说,一开始,前十个代码把,博主建议用windows自带的记事本敲代码!这样至少你会对HTML代码的结构有一个基本的了解!

熟悉了HTML基本结构之后呢,,是不是觉得每次都要输入那多“模版”是不是好烦啊!偷笑


没关系下面博主就会为大家推荐一款超级好用的编辑器,很多大公司都在用呢,,意不意外?惊不惊喜?哦对了,,还是开源的哦!嗯,那就是我们的VSCODE!

嗯,废话少说直接贴下载链接哈:https://code.visualstudio.com/


进入之后是酱紫哦!之后下拉找到对应的版本下载就可以了!


vscode还是非常人性化的,不管你是win还是Linux还是MAC在这里都会找到自己所需要的版本哦!下载之后直接解压就可以咯!博主在这里就不下载了哈,但是最好把下载的文件保存到一个文件中,不然待会出来大量的文件,这个感觉非常不爽!!!

之后找到应用程序就可以打开了!就是这个图标哈,双击!

出来是这样的:

之后点击新建-文件效果如下:


之后点击新建-另存为:


这里注意保存类型为HTML,名字博主随便取的!点击保存之后在vscode中输入!之后按下回车,出现如下界面:



这样,我们的第一个HTML模版就生成了!此时如果浏览器访问文件,是一个空文件,也就是空白页面!

当然vscode是非常强大的,无敌的他几乎可以编辑任何语言,包括我们前端常用的HTML CSS JS等等!其他的功能小伙伴们可以自行体会哦!

好了,这次的分享就到这里咯!喜欢的小伙伴点个攒哦!欢迎留言评论交流,我们下次再见!


猜你喜欢

转载自blog.csdn.net/qq_35788269/article/details/80289960