Thẻ area trong HTML

Trang trước
Trang sau  

Miêu tả

Thẻ HTML <area> được sử dụng để định nghĩa một khu vực trong Image Map.

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>Vi du the area trong HTML</title>
</head>
<body>
<img src=./images/usemap.gif alt="usemap" border="0" 
     usemap="#tutorials"/>
<map name="tutorials">
   <area shape="poly" 
            coords="74,0,113,29,98,72,52,72,38,27"
            href="/perl/index.jsp" 
            alt="Hoc Perl co ban va nang cao"
            target="_blank" />
   <area shape="rect" 
            coords="22,83,126,125"
            alt="Hoc HTML co ban va nang cao"
            href="/html/index.jsp" 
            target="_blank" />
   <area shape="circle" 
            coords="73,168,32"
            alt="Hoc PHP co ban va nang cao"
	    href="../php/index.jsp" 
            target="_blank" />
</map>
</body>
</html>
Quảng cáo

Nó sẽ cho kết quả sau:

usemap Hoc Perl co ban va nang cao Hoc HTML co ban va nang cao Hoc PHP co ban va nang cao

Các thuộc tính Global

Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML

Quảng cáo

Các thuộc tính đặc trưng

Thẻ HTML <area> cũng hỗ trợ các thuộc tính sau:

Thuộc tínhGiá trịMiêu tả
alt textXác định một văn bản thay thế cho khu vực.
coords Nếu shape="rect" thì
coords="left,top,right,bottom"
Nếu shape="circ" thì
coords="centerx,centery,radius"
Nếu shape="poly" thì
coords="x1,y1,x2,y2,..,xn,yn"		Xác định tọa độ thích hợp với thuộc tính shape để định nghĩa một khu vực của một ảnh cho Image Map.
download html-5Tên fileXác định rằng mục tiêu được tải khi hyperlink được nhấn bởi người sử dụng.
href URLXác định địa chỉ URL của một trang hoặc tên của một đường link mà tới trang mục tiêu.
hreflang html-5Mã hóa ngôn ngữXác định ngôn ngữ của URL mục tiêu.
media html-5Truy vấn mediaXác định phương tiện/thiết bị mà URL mục tiêu muốn.
nohref true/falseLoại trừ một khu vực từ Image Map.
rel html-5alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		Xác định mối quan hệ giữa tài liệu hiện tại và URL mục tiêu.
shape rect
rectangle
circ
circle
poly
polygon		Xác định hình dạng của Image Map.
target _blank
_parent
_self
_top		Nơi để mở URL mục tiêu.
_blank - URL mục tiêu sẽ được mở trong một cửa sổ mới.
_self - URL mục tiêu sẽ mở trong cùng một khung khi nó được click.
_parent - URL mục tiêu sẽ mở trong khung mẹ.
_top - URL mục tiêu sẽ mở toàn cửa sổ.
type html-5mime_typeXác định kiểu MIME của URL mục tiêu.
Quảng cáo

Các thuộc tính sự kiện

Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML

Trình duyệt hỗ trợ

ChromeFirefoxIEOperaSafariAndroid
CóCóCóCóCóCó

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
tong_hop_cac_the_html_co_ban.jsp
Bài viết liên quan