溫故知新 HTML學習筆記(上)

2021-10-02 21:19:35 字數 2470 閱讀 4930

html固定結構:

html標籤分類:

其中「/」稱之為關閉符

html標籤關係:

用記事本來書寫開發效率很低,很容易忽視錯誤。實際工作中,為了效率,推薦使用subline工具。

生成html骨架快捷鍵:

輸入「html:5」,按下「tab」鍵。

輸入「!」,按下「tab」鍵。

雙十二馬上要來了!

預覽時,直接單擊滑鼠右鍵,在瀏覽器中開啟即可。

html標籤語義化

就是白話,一眼看去,就知道那個是重點,結構是什麼,知道每塊的內容是幹什麼的。核心是在合適的地方給乙個合理的標籤,它遵循的原則是,先確定語義的html,再選合適的css。

html常用的標籤

html的標籤有很多,正常學習時查詢手冊即可。

這裡首先介紹一下基本的排版標籤。

1、標題標籤

、、、、、

html有6個等級的標題,依次變小,可作為標題使用,並且依據重要性遞減。

2、段落標籤

文字內容

預設情況下,文字在乙個段落中會根據瀏覽器視窗大小自動換行。

3、水平線標籤

是乙個單標籤

就是一條線。

4、換行標籤

是乙個單標籤

就是強制換一行,直接按回車/空格是沒有效果的,區別於段落標籤的是行間距。

5、div和span標籤

div和span沒有語義,是我們網頁布局的兩個主要盒子,比如css+div。

: div一行只能有乙個

: span一行可有多個

6、文字格式化標籤

7、影象標籤

src是其中乙個屬性,表明影象的路徑。

alt是其中乙個屬性,是替換文字(提示文字),要是影象顯示不出來,可以以文字進行提示。

titile是其中乙個屬性,滑鼠放上去(懸停時)會有說明文字。

width/height是其中的屬性,表明影象的寬度和高度,正常改乙個值就可以了,自動等比縮放。

border是其中乙個屬性,可以給影象新增邊框。

8、鏈結標籤

這裡放文字或者影象

href是屬性,指定鏈結目標的url位址,外部鏈結http協議不能省略(例如要是鏈結已經有了,但是還不可以跳轉,那就以「#」代替。

target是屬性,指定鏈結頁面的開啟方式,其取值有self(預設 「_self」)和blank(新視窗開啟「_blank」)兩種。

9、錨點定位

通過定位(建立錨點)的方式,快速去往頁面某乙個位置(目標內容)。

分為兩步實現:

使用鏈結文字 建立鏈結文字

使用相應的id名標註跳轉目標的位置(使用id屬性 id="id名")

10、base標籤

是乙個單標籤

在head部分使用,比如頁面中有多個鏈結,可以設定整體鏈結的開啟狀態。

11、特殊字元標籤12、注釋標籤多寫注釋是非常好的寫**習慣,瀏覽器不會執行。

13、路徑介紹

在同一級路徑:直接輸入

在下一級路徑:需要經過相應資料夾,以「/」隔開

在上一級路徑:上一級需要輸入「../」

完整的路徑位址

這種方式基本不會用到。

14、列表標籤

容器裡面裝載著文字或者圖表的一種形式叫列表。

列表最大的特點是整齊有序。

分為以下三類:

,會自動帶有1、2、3、4...的順序,具體樣式也是在css裡面調整;

列表項1

列表項2

列表項3

...

名詞1名詞1解釋

名詞1解釋

...名詞2

名詞2解釋

名詞2解釋

...

溫故知新 ROWTYPE

rowtype 相當於資料庫表裡的一行資料記錄的變數型別。declare 定義乙個emp表裡的一行記錄的資料型別的變數 v emp emp rowtype begin 查詢的emp表裡的資料列必須與v emp的列順序以及個數保持一致 select empno,ename,job,mgr,hireda...

vue 溫故知新

v cloak指令 解決變數閃爍問題 v if isshow 是插入或刪除節點 v show isshow 是隱藏或顯示節點 v bind data m msg 或 data m msg 繫結屬性 v bind key v.id 繫結乙個資料唯一值,用於虛擬dom演算法,優化渲染效率 v on cl...

溫故知新系列

我從事windows phone開發一年多來,終日忙於開發應用,每每有所收穫也沒有時間思考總結。最近實習即將結束,同時也看清了真實的生活,痛定思痛,決定好好整理自己所學所得,同時也靜下心來好好學習一下一直欠缺的知識。溫故而知新,可以為師矣。此番總結,不求為師,但求能看清自己,共勉共勉。此溫故知新系列...