1. 程式人生 > >HTML4-基本標籤,img和a標籤的使用

HTML4-基本標籤,img和a標籤的使用

HTML-01

  • 基本標籤
    • < h1>….< h6> (標題標籤)
    • < p>(段落標籤)
    • < hr/>(水平分隔線標籤)
    • < br/>
  • img(圖片標籤)
  • a(超連結標籤)

(基本標籤) 一般在寫文章的時候都有標題和內容

<h1>標題標籤1</h1>
<p>內容標籤1</p>
<h3>標題標籤3</h3>
<p>內容標籤3</p>

假如要是我們想換行,直接在html格式的檔案裡面按回車鍵在網頁上是不顯示換行的 那麼我們需要用< br/>標籤來換行

//在標題標籤與段落標籤都是塊級標籤會自動換行的 假如要是我們在段落標籤(p)裡面想要換行的話直接按回車鍵,
//雖然你在html格式的檔案中能夠看到是換了行的,但是在頁面上是沒有換行的,所以我們需要使用< br/>標籤:
< h1>這是我們第一個換行</h1>
< p>
    我覺得在這種關鍵時候需要換行< br/>
    現在怎麼說都已經換行了,你也是我的人啦
</p>
< hr/> //水平分割線

(img標籤)

一個最簡潔的一個img  src : 圖片位置
< img src="li_line.gif"
>
名稱 描述
align top,bottom,middle,left,right HTML5 不支援。HTML 4.01 已廢棄。 規定如何根據周圍的文字來排列影象。
alt text 規定影象的替代文字。(如果要是圖片顯示不出來就會顯示影象)
border pixels HTML5 不支援。HTML 4.01 已廢棄。 規定影象周圍的邊框。
crossorigin anonymous,use-credentials 設定影象的跨域屬性
height pixels 規定影象的高度。
hspace pixels HTML5 不支援。HTML 4.01 已廢棄。 規定影象左側和右側的空白。
ismap ismap 將影象規定為伺服器端影象對映。
longdesc URL HTML5 不支援。HTML 4.01 已廢棄。 指向包含長的影象描述文件的
src URL 規定顯示影象的 URL。
usemap mapname 將影象定義為客戶器端影象對映。
vspace pixels HTML5 不支援。HTML 4.01 已廢棄。 規定影象頂部和底部的空白。
width pixels 規定影象的寬度。

(a標籤)超連結

//一個簡潔的超連結 href : 跳轉位置
< a href="index.html" />
屬性名 描述
charset char_encoding HTML5 中不支援。規定被連結文件的字符集。
coords coordinates HTML5 中不支援。規定連結的座標。
download filename 規定被下載的超連結目標。
href URL 規定連結指向的頁面的 URL。
hreflang language_code 規定被連結文件的語言。
media media_query 規定被連結文件是為何種媒介/裝置優化的。
name section_name HTML5 中不支援。規定錨的名稱。
rel text 規定當前文件與被連結文件之間的關係。
rev text HTML5 中不支援。規定被連結文件與當前文件之間的關係。
shape default,rect,circle,poly HTML5 中不支援。規定連結的形狀。
target _blank,_parent,_self,_top,framename 規定在何處開啟連結文件。
type MIME,type 規定被連結文件的的 MIME 型別。