HTML學習筆記

2021-10-25 10:19:39 字數 2968 閱讀 1956

使用標籤的形式來標識網頁中不同組成部分

>

>

>

鄉愁>

head

>

>

>

鄉愁h1

>

>

余光中>

>

小時候p

>

>

鄉愁是一張小小的郵票p

>

>

我在這頭p

>

>

母親在那頭p

>

>

長大後p

>

>

鄉愁是一張窄窄的船票p

>

>

我在這頭p

>

>

新娘在那頭p

>

>

後來啊p

>

>

鄉愁是一方矮矮的墳墓p

>

>

我在外頭p

>

>

母親在裡頭p

>

>

而現在p

>

>

鄉愁是一灣淺淺的海峽p

>

>

我在這頭p

>

>

大陸在那頭p

>

< /body>

html

>

自結束標籤

注釋標籤屬性

>

>

>

標籤屬性title

>

>

>

>

這是我的第三個font

>

網頁!h1

>

body

>

html

>

屬性和標籤名或其他屬性應該使用空格隔開

標籤color設定顏色

標籤size設定大小

mate標籤

eg:

常用資料名稱

語義化標籤

不獨佔一行的元素稱為行內元素(inline element),< em>就是行內元素

一般在塊元素內放行內元素,而不是在行內元素中放塊元素

​ 塊元素內基本什麼都能放,但< p>元素中不能放任何塊元素

標題標籤

< hgroup>標籤,用來為標題分組,可將一組相關標題同時放入hgroup

>

>

回鄉偶書二首h1

>

>

其二h2

>

hgroup

>

結構化語義標籤

主要用來把網頁劃分為塊 列表

有序列表

使用ol標籤來建立有序列表

使用li表示列表項

>

>

第一項li

>

>

第二項li

>

ol>

無序列表(導航選單)

使用ul標籤來建立有序列表

使用li表示列表項

>

>

專案li

>

>

結構li

>

>

表現li

>

ul>

定義列表

使用dl標籤來建立乙個定義列表

使用dt表示定義內容

使用dd來對內容進行解釋說明

>

>

結構dt

>

>

結構表示網頁結構,用來規定網頁**是標題,**是段落dd

>

dl>

列表間可以相互巢狀

>

>

>

網頁標題title

>

head

>

>

>

一級標題h1

>

>

正文p>

body

>

html

>

常見字符集

可通過在head標籤裡meta標籤來設定網頁字符集,避免亂碼

實體語法

實體有哪些超連結可以讓我們從乙個頁面跳轉到其他頁面

​ 或是當前頁面的其他位置 屬性

href 屬性

相對路徑

target屬性

可選值:

id屬性(唯一不重複) 屬性

width 寬度(單位是畫素)

height 高度

一般在pc端,不建議修改大小,要多大裁多大

但移動端,經常需要對縮放(大縮小)格式

gif

png 支援顏色豐富,支援複雜透明,不支援**

webp

base-64

效果一樣,用小的

效果不一樣,用效果好的

iframe

>

音訊

屬性:除用src 來指定外部檔案路徑外,還可以使用source來指定檔案路徑

用embed 來相容ie8及以下的瀏覽器版本

controls

>

src=

"音訊路徑"

>

src=

"音訊路徑"

>

audio

>

可用這種方式有效解決不同瀏覽器間不相容不同格式的音訊的問題以及ie8版本不相容問題

HTML學習筆記

2004 9 9 星期四 陰 hello world 整個頁面分成三部分 1 一行包括html版本資訊的內容 2 報頭申明區域 3 頁面主要部分,包括頁面的實際內容。2.基本的html標記 答 1 headings 標題 2 paragraphs 段落 this is a paragraph 3 l...

HTML學習筆記

html 是一種超文字標記語言,它是由標籤組成的。html 中的資料都封裝在標籤中,通過對標籤中的屬性值的改變來實現對封裝內資料進行操作。html規範格式 首先要確定html 的 範圍 在該範圍中可以定義兩個部分,乙個是頭乙個是體。這中間寫網頁顯示的資料 標籤對資料進行封裝那麼就有開始標籤和結束標籤...

學習html筆記

簡介 基礎 1 html鏈結是通過標籤 來定義的.這是乙個鏈結 href是屬性 2 html 影象是通過標籤 屬性 html 元素可以設定 屬性 屬性可以在元素中新增 附加資訊about an element 屬性一般描述於 開始標籤 屬性總是以名稱 值對的形式出現,比如 name value th...