【DAY03】如何在VSCODE上运行HTML

步骤

先去官网下载VSCODE(这边就先只说明window版本)
网址:https://code.visualstudio.com/Download

https://ithelp.ithome.com.tw/upload/images/20210917/20137420EOYhPsABMh.png

这边就不介绍安装内容了,相信网路上有非常多文章可以做观看

安装完成後,点击就可以执行拉
https://ithelp.ithome.com.tw/upload/images/20210917/20137420iCzmesWJ5e.png

打开之後左侧有各种功能可以做切换
https://ithelp.ithome.com.tw/upload/images/20210917/20137420I0Mnbw0Zoa.png

要学习网页前首先一定要先去安装***live sever***(个人认为一定要装)
https://ithelp.ithome.com.tw/upload/images/20210917/20137420A1QRt5ehZa.png

安装过後点击图标就可以新增一个文件,在里面输入(你喜欢的档名.html)
https://ithelp.ithome.com.tw/upload/images/20210917/20137420tdyZfwNOUp.png

在里面输入(惊叹号+tab键),这样最基本的框架就完成拉~
https://ithelp.ithome.com.tw/upload/images/20210917/20137420twRYFMhw3z.png

接着再 body 里面输入
<h1>Hello World</h1>

https://ithelp.ithome.com.tw/upload/images/20210917/20137420RZtqujUroM.png

接着点击右下方Go live,就可以即时的看到你打的内容拉~
https://ithelp.ithome.com.tw/upload/images/20210917/20137420j9GtZL0pOX.png

https://ithelp.ithome.com.tw/upload/images/20210917/20137420KrgoPh1AwO.png

那今天就先这样,明天我们来介绍html的基本语法吧~


<<:  自动化 End-End 测试 Nightwatch.js 之踩雷笔记:检查颜色

>>:  Day 3 - 长照小帮手-系统架构简介

[自学笔记]什麽是.NET? .NET Framework?.NET Core?

.NET是什麽 .NET是一个微软搭造的开发者平台,它主要包括: 1.支持(面向)该平台的程序语言(...

Oracle Row to Column 函式介绍

Oracle row to column在10G版本仅能使用 CASE or DECODE,11G版...

Day27 - 如何让 Google 搜寻到你的网站

前言 网站上线後,希望给更多人能找到的话,通常会用 Google Search Console,让自...

Day06 - 【入门篇】Keycloak的替代品

本系列文之後也会置於个人网站 接者,来分享一下在寻找过程中看到的其他可以取代Keycloak全部或...

DAY11:应用程序元件Activity之实作

今天,我要做个简单的小程序,实作前一天所介绍到的Activity功能。我要做的是关於牛排馆的点餐系统...