HTML基本元素(二)

2022-07-04 08:27:07 字數 1946 閱讀 5160

說明src

定義影象的url

alt定義影象的替代文字

width

設定影象的寬度

height

設定影象的高度

ps:注意在設定影象大小時,只設定width,或者只設定height,能實現等比例縮放。

適量使用影象能是頁面更加美觀,更加生動;但過度使用影象,則會使頁面載入更慢。

標籤的 src 屬性是必需的,它的值是影象檔案的 url,也就是引用該影象的檔案的的絕對路徑或相對路徑。

1)絕對路徑 是指向其他站點 (比如 src="")

2)相對路徑 是指向站內的檔案 (比如 src="./images/123.jpg")

①若檔案在當前目錄,則src="./123.jpg"

②若要回到上一層目錄,則src="../123.jpg"

③若要進入一層目錄,則src="./images/123.jpg"

④若要先回到上一層目錄,再進入另一層目錄,則src="../images/123.jpg"

影象熱區一般應用在地圖上

說明shape

形狀(rect、circle、poly )

coords

座標值ps:1)"影象地圖名稱"必須要一致,也就是,usemap的值必須與標記中的name值相同

2)所有標記均要在與之間

3)形狀分為三種,各有不同的座標取值:

①矩形rect,取值:左上角頂點座標(x1,y1),右下角頂點座標(x2,y2),**如下:

<

area

shape

="rect"

coords

="x1,y1,x2,y2"

href

="url"

/>

②圓形circle,取值:圓心座標(x1,y1),半徑r,**如下:

<

area

shape

="circle"

coords

="x1,y1,r"

href

="url"

/>

③多邊形poly,各頂點座標依次為(x1,y1),(x2,y2),(x3,y3) ,......,**如下:

<

area

shape

="poly"

coords

="x1,y1,x2,y2,......"

href

="url"

/>

1)audio(音訊)

your browser does not support the audio tag.

或者,在開始標籤和結束標籤之間放置文字內容,這樣不相容的瀏覽器就可以顯示出不支援該標籤的資訊:

<

audio

src="url">

您的瀏覽器不支援 audio 標籤。

*audio的屬性說明:屬性值

說明autoplay

autoplay

controls

controls

loop

loop

preload

preload

如果使用 "autoplay",則忽略該屬性。

同上。("video標籤" 替代 "audio標籤")

*video的屬性說明:屬性值

說明autoplay

autoplay

controls

controls

loop

loop

muted

muted

poster

urlpreload

preload

如果使用 "autoplay",則忽略該屬性。

width

pxheight

px

HTML基本元素

段落文字格式化 鏈結影象 列表 區塊元素 span 表單form 框架注釋 水平線標籤定義了文件與外部資源之間的關係,通常用於鏈結到樣式表 為網頁定義描述內容 每30秒鐘重新整理當前頁面 這是乙個段落。這是另外乙個段落。這個段落 演示了分行的效果 插入單個折行 換行 標籤 描述定義粗體文字 定義著重...

HTML基本元素

1.使用宣告格式,否則會亂碼。此部分不區分大小寫,用來告知 web 瀏覽器頁面使用了哪種 html 版本。html5 不是基於 sgml,因此不要求引用 dtd。2.使用html 頁面的根元素,它包括兩個標籤 head和body 3.對於中文網頁需要在head中使用宣告編碼,否則會出現亂碼。有些瀏覽...

Html的基本元素 Element

首先我們要了解所謂的html它的定義是什麼?html 超文字標記語言,文字 txt格式的檔案,標記 用標籤對給文字附加語義 如果你已經通過上文對html有個了解後,我們就著手研究它的三個元素。塊級 block level 元素和內聯 inline 元素以及行內快元素 inline block 科普一...