2021 02 05HTML學習筆記

2021-10-19 04:20:03 字數 1834 閱讀 9364

一.meta標籤

1.meta主要用於設定網頁中的一些元資料,元資料不是給使用者看的;

2.charset指定網頁字符集;

name指定資料的名稱;

content指定資料的內容;

3. keywords表示**的關鍵字,可以同時指定多個關鍵字,關鍵字間使用逗號隔開。

例:京東網頁源**中的關鍵字表示:

name

="keywords"

content

="網上購物,網上**,手機,筆記本,電腦,***,cd,vcd,dv,相機,數碼,配件,手錶,儲存卡,京東"

/>

4.description用於指定網頁的描述,網頁的描述會顯示在搜尋引擎的搜尋結果中。

例:京東的網頁源**中的網頁描述:

二.語義化標籤在網頁中html專門用來負責網頁的結構,所以在使用html標籤時,應該關注的是標籤的語義,而不是它的樣式。

1.標題標籤:

h1~h6一共有六級標題,從h1到h6重要性遞減,h1在網頁中的重要性僅次於title標籤,一般情況下乙個頁面只會有乙個h1,標題標籤只會使用到h3

2.在頁面中獨佔一行的元素稱之為塊元素(block element),標題標籤和p標籤都是塊元素

3.hgroup標籤用來為標題分組,可以將一組相關的標題同時放入到hgroup中

例:

>

>

回鄉偶書二首h1

>

>

其一h2

>

hgroup

>

4.在頁面中不會獨佔一行的是元素稱為行內元素,em標籤表示語音語調的乙個加重,strong標籤表示強調重要內容,這兩者都屬於行內元素。

例:

>

今天天氣

>

真em>

不錯p>

5.blockquote標籤表示乙個長引用,用於引用名人名言等,有自動縮排的作用,屬於塊元素。

例:

李白說:

>

黃河之水天上來,奔流到海不復還。

blockquote

>

效果:

6.q表示乙個短引用,沒有換行,會自動加引號,是一種行內元素。

例:

>

子曰:學而時習之,樂呵樂呵q

>

效果:

7.br標籤表示頁面中的換行,p標籤表示頁面中的分段

8.在網頁中一般通過塊元素來進行頁面布局,行內元素主要用來包裹文字;

9.一般情況下會在塊元素中放行內元素,而不會在行內元素中放塊元素,塊元素中基本什麼都能放;

10.p元素中不能放任何塊元素;

3 學習html5筆記

audio html5 標籤和video類似,沒有poster width height屬性 details詳情概要標籤 progress標籤進度 marquee 標籤 不在w3c標準 沒有語義,只是樣式,廢棄的標籤 有語義新增標籤 修改樣式使用css優於標籤屬性設定,方便改變需求,減少屬性的記憶。...

5 學習html5筆記

background red url i.png no repeat center 0 background attachment 當元素大小小於背靜,只顯示一部分,應用精靈圖 邊框 border border width 2px 3px 4px 1px border style border to...

HTML入門學習day03筆記

乙個簡單地表單 使用者名稱 密碼真實姓名 email 出生日期 性別男 女 愛好籃球 足球 閱讀 位址江蘇山西 湖南甘肅省蘇州 南京鎮江 淮安 市 區 縣介紹 實現效果為 層疊主要體現在 多個樣式表修飾同乙個元素 他可以繼承 具有優先順序 樣式表為 在html中,css的運用主要有三種方式 1.在元...