Web前端開發 自學筆記

2022-09-20 05:33:12 字數 1861 閱讀 4764

一、html認知

1、html骨架標籤

(1)html標籤:網頁的整體

(2)head標籤:網頁的頭部

(3)body標籤:網頁的身體

(4)title標籤: 網頁的標題

2、注釋

(1)注釋的作用:

①為**新增的具有解釋性、描述性的資訊,主要用來幫助開發人員理解**

②瀏覽器執行**時會忽略所以的注釋

(2)注釋的快捷鍵:

在vscode中:ctrl + /

3、html標籤的結構

(1)標籤的結構圖:

(2)結構說明:

①標籤由、/、英文單詞或字母組成。並且把標籤中<>包括起來的英文單詞或字母稱為標籤名

②常見標籤由兩部分組成,我們稱之為:雙標籤。 前部分叫開始標籤,後部分叫結束標籤,兩部分之間包裹內容

③少數標籤由一部分組成,我們稱之為:但標籤。 自成一體,無法包裹內容

(3)標籤之間的關係:

①巢狀關係(父子關係)

②並列關係(兄弟關係)

4、html標籤學習

排版標籤

(1)標題標籤

①**:h系列標籤

4級標題

5級標題

6級標題

②語義:1~6級標題,重要程度依次遞減

③特點:

文字都有加粗

文字都有變大,並且從h1→h6文字逐漸減小

獨佔一行

(2)段落標籤

①**:內容

②語義: 段落

③特點:

段落之間存在間隙

獨佔一行

(3)換行標籤

①作用:讓文字強制換行顯示

②**:

③語義: 換行

④特點:

單標籤讓文字強制換行

(4)水平線標籤

①作用:分割不同主題內容的水平線

②**:

③語義:分割線

④特點:

單標籤在頁面中顯示一條水平線

文字格式化標籤

注意:單詞標籤突出內容的重要性(語義更強烈)

**標籤

(1)標籤

①作用:在網頁中顯示

②**:

③特點:

單標籤img標籤需要展示對應的效果,需要借助標籤的屬性進行設定!

(1.1)標籤的介紹

①標籤的完整結構圖: ./ 是當前的意思

②屬性注意點:

標籤的屬性寫在開始標籤內部

標籤上可以同時存在多個屬性

屬性之間以空格隔開

標籤名與屬性之間必須以空格隔開

屬性之間沒有順序之分

(1.2)標籤的alt屬性

①屬性名:alt

②屬性值:替換文字

·當載入失敗時,才顯示alt的文字

·當載入成功時,不會顯示alt的文字

(1.3)標籤的title屬性

①屬性名:title

②屬性值:提示文字

·當滑鼠懸停時,才顯示的文字

注意:title屬性不僅可以用於標籤,還可以用於其他標籤

(1.4)標籤的width和height屬性

①屬性名:width和heigth

②屬性值:寬度和高度(數字)

③注意:

·如果只設定width或heigth中的乙個,另乙個沒設定的話,會自動等比例縮放(此時不會變形)

·如果同時設定了width和heigth,若設定不當此時可能會變形

學WEB前端開發,自學還是培訓靠譜

多年it從業者,用清晰的思路給各位分析一下這個老生常談的問題。先不說培訓和自學哪個靠譜的問題,先聽 的分析,然後感覺一下是培訓靠譜還是自學靠譜。第一類人群 假設你是乙個已經在社會上工作的人 年紀在24 30之間 無論你是從事電子,機械,還是建築之類的工作,總之你是覺得現在工資低,以後也漲不了多少,只...

iOS開發自學心得

陸陸續續從最開始學習ios到現在從事ios開發工作已經有乙個年頭了,在這裡跟大家分享一下一些學習心得。2 網上下了幾本書,看了下object c的一些基本語法和原理 學過c的入手起來比較快 3 看了幾本關於ios開發的書,對ios開發有一些大致的了解,如果不動手做些demo,看書基本沒啥用,過目就忘...

開發web前端 web前端 開發筆記

我是孟噠噠一名web前端開發工程師,今天給大家分享一下web前端是的一些筆記應用,希望對你們有幫助。物件導向是乙個開發思想,它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象,為什麼是抽象?因為不是具體的,也就是說不是實實在在存在的東西 看不見摸不著 2...