從零開始學習web前端開發

2021-10-09 04:45:43 字數 1328 閱讀 8739

之前半個月一直在學習深度學習,但是感覺自己的能力還沒到那個程度所以就想擱置一下,從程式設計師基礎的前端開發來學。

**廢話不多說直接開記

我所使用的前端開發軟體就是業內很流行的vscode,作為小白的我當然也是用的這個

具體的安裝教程,外掛程式教程網上都有詳細的介紹,在此處不多講

在vscode中輸入 ! 就可以出來網頁開發的乙個基本骨架

其中doctype的作用是告訴瀏覽器我們使用的是哪個html版本來顯示網頁

是乙個文件申明類標籤

例如 !doctype html 則是使用的html5版本來顯示網頁

並且這個命令必須寫在開頭

然後lang的作用,lang實則是language的縮寫,是定義當前文件顯示的語言

而charset的作用,顧名思義叫字符集,他規定了html文件是用哪種字元編碼,常用的charset的值有gb2312(簡體中文),big5(正體中文),utf-8(萬國碼),其中基本使用的就是萬國碼。

標題標籤

標題標籤是從h1-h6 ,且這兩個還得加尖括號,由於這個編輯器的原因,沒法加

h1為最大的標題標籤,隨之序號越大,字越小。還有,標題標籤在網頁中的顯示是獨佔一行的,不管你的標題標籤後面跟了什麼東西,它都會在下一行顯示。且標題標籤是雙標籤,即開頭尖括號h1結尾 為尖括號/h1,因為現在的版本,不加/也不會算你語法錯誤。

段落標籤

尖括號p就是段落標籤,作用就是分段,當然段落標籤也為雙標籤。在網頁中顯示的時候,段落標籤的兩個段落之間會有一條明顯的空隙。

換行標籤

尖括號br / 就是換行標籤,作用就是是內容換行,在網頁中顯示的時候和段落標籤不一樣,使用換行標籤 兩段之間沒有明顯的空隙。

文字格式化標籤

顧名思義就是將文字加粗,變斜,下劃線等效果

重點記住加粗和變斜,

加粗 尖括號strong,為雙標籤,還有另乙個寫法尖括號b,也為雙標籤

傾斜 尖括號em,雙標籤,另乙個寫法尖括號i,也為雙標籤,

刪除線,尖括號del,雙標籤,另乙個寫法尖括號s,也為雙標籤

下劃線 尖括號ins,雙標籤,另乙個寫法尖括號u,也為雙標籤

div和span標籤

div和span相當於乙個盒子,存放內容 沒有語義

區別在於

用div只能在一行裡放東西,div以外的要另起一行,屬於大盒子

用span可以在一行裡放多個span屬於小盒子

從零開始學習前端開發 18 BFC

一 bfc的概念 bfc block formating context的縮寫,中文譯為 塊級格式化上下文 二 如何觸發bfc 1.設定float除none以外的值 left,right 2.設定overflow除visible以外的值 hidden,auto,scroll 3.設定display屬...

從零開始學前端

靜態黃頁 伺服器組裝動態網頁資料 後端為主的mvc 前後端分離 純前端mv 為主 中間層輸出 前端virtual dom mnv 前後臺同構 後端為主的mvc 後端人員根據前台寫的html頁 套 模板渲染資料 前端為主的mv mvcmvc 執行過程 1.view傳送指令到 controller 2....

從零開始學習idea開發vue

使用webpack腳手架開發vue必須基於nodejs 安裝軟體安裝步驟進行,直到結束。測試nodejs是否安裝成功 node v npm config set registry 配置npm映象站 npm config list 顯示所有配置資訊 idea下建立vue工程 在idea中新建stati...