tft每日頭條

 > 生活

 > visualstudio如何寫html和css

visualstudio如何寫html和css

生活 更新时间:2024-09-13 12:31:05

接下來會利用幾節課講一下HTML的相關知識,會濃縮相關的重點知識。其中需要用到的工具是visual studio code,我們也會講講這個工具的簡單使用。


1.HTML制作工具是什麼?


如下圖所示,可以在網上搜索直接下載。

visualstudio如何寫html和css(幾分鐘教會你visualstudio)1


2.visual studio code怎麼改成中文?


首先打開visual studio code--右側的extension--搜索Name: Chinese (Simplified) (簡體中文) --點擊下載--重啟軟件即可


visualstudio如何寫html和css(幾分鐘教會你visualstudio)2


3.visual studio code自動補全


我們再寫代碼的時候,總是希望輸入一個字母能快速跳出提示,給我們想要的代碼,

因此也可以通過右側的extension自動補全


visualstudio如何寫html和css(幾分鐘教會你visualstudio)3


4.visual studio code怎麼用浏覽器打開?


我們再寫完代碼以後,怎麼直接跳轉到浏覽器預覽呢?同樣還是需要借助于右側的extension的工具下載


visualstudio如何寫html和css(幾分鐘教會你visualstudio)4


5.visual studio code怎麼使用?


上面的設置好了之後,我們就可以利用visual studio code書寫我們的第一個代碼了。首先我們新建文件--另存為.html文件,然後輸入感歎号,就可以直接将代碼主體展示出來


visualstudio如何寫html和css(幾分鐘教會你visualstudio)5

visualstudio如何寫html和css(幾分鐘教會你visualstudio)6

visualstudio如何寫html和css(幾分鐘教會你visualstudio)7


以上就是關于visual studio code的簡單使用,接下來就是關于HTML知識的所有精華總結,大家記得持續關注哦!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved