HTML的map area的使用

2022-02-14 03:23:49 字數 1064 閱讀 4309

在把設定圖轉成頁面的時候,時常會遇到這種情況:一張小上有好多個可以點選的小圖示,按常規的處理方法是把這乙個乙個的小圖切出來,然後每個加個a標籤進行跳轉,但是這樣會非常的浪費時間,而且會增加頁面的數量,拖慢頁面的載入速度,所以下面我們就以這張為例,在上面3個小上加map跳轉。

map和area標籤

首先我們開啟photoshop,我用的是photoshop cc,快捷鍵ctrl+r(mac下為command+r)開啟標尺

我們可以通過紅色方框的位置就是我們需要的2個點,通過標尺線我們就可以得到對應的座標(75,0,336,148)。

能過這種方法能夠精確的得到座標,如果要想不是特別精確的取座標,我們可以通過qq的截圖工具來取,這裡不再演示了!

摘自:

html 的table tr td的使用

cellspacing 屬性規定單元格之間的空間。cellpadding 屬性規定單元邊沿與其內容之間的空白。border 簡寫屬性在乙個宣告設定所有的邊框屬性。border 用在table屬性時,結果是對所有的加入了邊框 當用是對所有table td都加入了邊框 當用 style 方式指定 tab...

HTML 鏈結的使用

鏈結對於網頁來說是很重要的。google index 第乙個是絕對url。第二個是相對url,相對於當前網頁的目錄。下面介紹不同的url。1 訪問相同目錄的檔案 file.html 2 訪問子目錄檔案 directory file.html 3 訪問父目錄的檔案 file.html 4 從根目錄訪問...

HTML表單的使用

表單的定義 表單是乙個包含表單元素的區域。表單元素是允許使用者在表單中 比如 文字域 下拉列表 單選框 復 選框等等 輸入資訊的元素。表單使用表單標籤 定義。表單的用法 賬號 type text 密碼 type text form please select your boytype radio n...