特別鳴謝黑馬程序員pink老師！此教程視頻鏈接:web前端入門教程或在嗶哩嗶哩搜索黑馬pink老師以下是我個人的學(xué)習(xí)筆記，有問題可以問我哦壤躲！
1.網(wǎng)站是網(wǎng)頁的集合
2.網(wǎng)頁通常是html格式的文件，它要通過瀏覽器來閱讀。
4.網(wǎng)頁中的基本元素:圖片咪奖、鏈接、文字……常以.html或.html后綴結(jié)尾的文件酱床，因此網(wǎng)頁也稱html文件
5.html語言:超文本標(biāo)記語
所謂超文本:
①它可以加入圖片羊赵、聲音、動畫……(超越文本限制)
②可以從一個文件跳轉(zhuǎn)到另一個文件扇谣，與世界各地主機的文件連接(超級鏈接文本)
1.常見瀏覽器
2.瀏覽器內(nèi)核
1.web標(biāo)準(zhǔn)
2.web標(biāo)準(zhǔn)的構(gòu)成:結(jié)構(gòu)昧捷、表現(xiàn)、行為
3.web標(biāo)準(zhǔn)提出的最佳體驗方案:結(jié)構(gòu)罐寨、樣式靡挥、行為相分離
4.html結(jié)構(gòu)相對重要
html(上)
1.html標(biāo)簽是由尖括號包圍的關(guān)鍵詞
大部分是雙標(biāo)簽:
＜html＞? ＜/html＞
極少為單標(biāo)簽:＜br /＞
2.標(biāo)簽關(guān)系:包含關(guān)系和并列關(guān)系
＜html＞
? ＜head＞
? ? ? ＜title＞＜/title＞
＜/head＞
? ＜body＞＜/body＞
＜/html＞
3.網(wǎng)頁骨架標(biāo)簽
4.VSCode的使用
* 新建文件(Ctrl N)
* 立即保存(Ctrl S),保存為.html文件
* Ctrl 加號鍵 可以縮放視圖
* 生成頁面骨架: ! Tab鍵
* 在瀏覽器中顯示
5.VSCode插件安裝
6.文檔聲明標(biāo)簽
根據(jù)標(biāo)簽的語義租幕，在合適的地方給一個最為合理的標(biāo)簽，可以讓頁面結(jié)構(gòu)更清晰拧簸。
8.標(biāo)題標(biāo)簽
9.段落和換行標(biāo)簽
段落:＜p＞文本＜/p＞
換行:＜br /＞
10.文本格式化標(biāo)簽
為文字設(shè)置粗體劲绪、斜體…?
11.＜div＞和＜span＞標(biāo)簽
無語義，就是個盒子盆赤，用來布局
特點:＜div＞一行只能放一個--大盒子
＜span＞一行可以放多個--小盒子
12.圖像標(biāo)簽 ＜img /＞
13.創(chuàng)建文件夾
目錄文件夾:里面存放頁面所需元素庸追，如:html文件霍骄、圖片…
根目錄:打開目錄文件夾的第一層就是根目錄
14.相對路經(jīng)
15.絕對路徑
即目錄下的絕對位置
也可以是完整的網(wǎng)絡(luò)地址
16.超鏈接
語法格式:?
類型:
17.特殊字符
