HTML標籤火速入門

2022-05-09 22:39:16 字數 1859 閱讀 2155

我們通過html編輯器新建乙個html檔案後,編輯器會幫我們建立乙個html檔案,建立的同時自動生成一些html頁面必備標籤。

前端開發的核心區域

html高頻標籤將介紹:h1~h6、p、a、br、img、div、span、ul、ol、dl、table、form、input、select、textarea標籤。除了對標籤的介紹,還將通過小案例來演示這些高頻標籤經常在**被使用。

示例**&現象

惠崇春江晚景二首

惠崇春江晚景二首

惠崇春江晚景二首

惠崇春江晚景二首

惠崇春江晚景二首

惠崇春江晚景二首

h1~h6標籤帶來的現象:

文字變大變粗

標籤的數字越大標題的級別越小

每個標題獨佔一行

h1~h6標籤的應用:

標籤現象

應用場景

h1最大最粗,獨佔一行

h2~h4

數字越大級別越小,獨佔一行

文字的普通標題,最小使用h4

h5、h6

數字越大級別越小,獨佔一行

html規則有這兩個標籤,幾乎不被使用

示例**&現象

蘇軾竹外桃花三兩枝

春江水暖鴨先知

p標籤帶來的現象&應用

標籤現象應用p

文字內容需要獨佔一行時

p自帶行間距

文字內容需要獨佔一行且需要行間距時

示例**&現象

蘇軾竹外桃花三兩枝

春江水暖鴨先知

div標籤帶來的現象&應用

標籤現象

應用div

獨佔一行

文字內容需要獨佔一行時

示例**&現象

蘇軾竹外桃花三兩枝

春江水暖鴨先知

點我看後兩句

後兩句的**&現象

蘆蒿滿地蘆芽短

正是河豚欲上時

點第乙個頁面中的藍色字型進行跳轉

HTML入門標籤(一)

在html中,所有的標籤都是預定義的,而其中的大多數標籤根據其特點可分為塊標籤 block level tags 和行標籤 或稱為內聯標籤 inline level tags charset utf 8 塊標籤和行標籤title head 塊標籤1div 塊標籤2div 行標籤1span 行標籤2s...

HTML入門標籤(二)

src source likeyou.mp4 controls controls width 500 height 250 video body 說明 poster屬性的值是檔案的路徑,可以使用相對路徑或絕對路徑。其他屬性說明 屬性說明 autoplay preload muted loop src...

HTML入門4 常用標籤 meta標籤

我們觀察之前的html檔案都會自動有乙個mate標籤,每次都會設定編碼 charset utf 8 在使用meta標籤的時候,content是必須要寫的屬性,還有幾個是可選的屬性 name,http equiv,scheme 下面我們來看乙個meta的使用例子,讓當前頁面隔2秒自動重新整理一次頁面。...