南京專業(yè)網(wǎng)站營銷小程序推廣平臺
1. HTML概述
1.1 HTML定義
HTML超文本標(biāo)記語言,其中超文本是鏈接,標(biāo)記也叫標(biāo)簽(即帶尖括號的文本)。
1.2 HTML基本骨架
HTML基本骨架是網(wǎng)頁模板。
<html><head><title>網(wǎng)頁的標(biāo)題</title></head><body>網(wǎng)頁的內(nèi)容</body>
</html>
html:整個網(wǎng)頁
head:網(wǎng)頁頭部,存放給瀏覽器看的代碼,例如CSS
body:網(wǎng)頁主體,存放給用戶看的代碼,例如文字、圖片
title:網(wǎng)頁標(biāo)題
1.3 HTML關(guān)系
父子關(guān)系(嵌套)
<html><head></head></html>
兄弟關(guān)系(并列)
<head></head><body></body>
2. HTML開發(fā)環(huán)境
2.1?軟件環(huán)境
Visual Studio Code
2.2 插件安裝
打開網(wǎng)頁插件
open in browser
漢化軟件插件
Chinese (Simplified) Language Pack for Visual Studio Code
2.3 修改配置
字號
字號放大:ctrl + 加號
字號縮小:ctrl + 減號
2.4 基本操作快捷鍵
快速生成HTML骨架:! + Enter或tab
VS Code自動生成的骨架
注意1: !必須是英文的,中文!無效
注意2:必須保證當(dāng)前文件后綴名是.html,否則無效
注釋快捷鍵:ctrl + /
注釋樣式:<!-- ... -->
添加注釋:ctrl + /
刪除注釋:ctrl + /