Giới thiệu các thẻ HTML cơ bản (Bài 3) Phần 2

 Chức năng của một số thẻ HTML cơ bản:

Cú pháp của một: Link
    + Trong thẻ a có các thuộc tính thường dùng như:
          - href="URL": dùng để chỉ đường dẫn tới trang web hay địa chỉ website muốn liên kết đến.
          - title="Chú thích" : thuộc tính title dùng để tạo chú thích cho siêu liên kết này nói về cái chủ đề gì.
          - target="_blank | self" : thuộc tính target dùng chỉ định nội dung của trang web liên kết tới hiện ra ở đâu. 
Nó có các giá trị như:
                  _blank: dùng để mở ra cửa sổ mới.
                  _self:  dùng hiện cùng cửa sổ trình duyệt.
                  _top:  hiện cùng cửa sổ frame (thường dùng trong trang web dạng Frame)
                  _parent: hiện ở cửa sổ frame cha (thường dùng trong trang web dạng Frame)

Ví dụ: 
Cú Pháp của Email link:
<p align="center">
© Copyright 2015 by minhdublog.com<br>
Địa chỉ: Mỹ Tho, Tiền Giang<br>
Điện thoại: 0122.4080.212<br>
Email:<a href="mailto:minhdudesign@gmail.com">minhdudesign@gmail.com</a><br>
Website: www.minhdublog.com
</p>
Tạo hotpot link cho hình ảnh:
Ví dụ:
<img src="images/hinh.jpg" usemap="#Map">
<map name="Map">
    <area shape="rect" coords="97,119,220,175" href="linkA.html" alt="Chú thích cho link A">
    <area shape="circle" coords="221,313,29" href="linkbB.html" alt="Chú thích cho link B">
    <area shape="poly" coords="82,259,140,255,133,289,105,296,175,296,62,173" href="linkC.html" alt="Chú thích cho link C">
</map>  

+ Để tạo Hotpot link cho hình ảnh trong thẻ phải có thuộc tính usemap và thuộc tính này có giá trị là tên của bảng đồ hình ảnh.
+ Thẻ dùng để định nghĩa bảng đồ cho hình ảnh.
+ Thẻ dùng để tạo vùng chứa của hotpot.
+ Thuộc tính shape dùng tạo hình dáng của điểm Hotpot.
+ Thuộc tính coords dùng để chỉ toạ độ của hotpot.
+ Thuộc tính href dùng để chỉ đường dẫn tới trang web khi click vào Hotpot.
+ Thuộc tính alt dùng để tạo chú thích khi chuột đụng vào Hotpot.
+ Thuộc tính usemap chỉ định hình ảnh này có sử dụng bảng đồ hình ảnh.
Cách để tạo ra bookmark:

+ Dùng thẻ a với thuộc tính name để tạo điểm đánh dấu tại vị trí muốn nhảy tới trong cùng 1 trang.

Ví dụ: <a name="vedautrangchu"></a>

+ Tạo liên kết để nhảy tới bookmark này bằng thẻ a

Ví dụ: <a href="#vedautrangchu">Về đầu trang</a>

Các thành phần để tạo một bảng:
<table thuộc tính="giá trị" thuộc tính="giá trị"...></table>: Mở và đóng một bảng.
<tr thuộc tính="giá trị" thuộc tính="giá trị" ...></tr>: Mở và đóng một hàng.
<td thuộc tính="giá trị" thuộc tính="giá trị" ...></td>: Mở và đóng một ô.

Các thuộc tính của bảng (<table>)
align=
background=
height=
width=
bgcolor=
bordercolordark=
bordercolor =
border=
bordercolorlight=
cellpadding=
cellspacing=
rules=
frame=
Các thuộc tính của hàng (<tr>)
align=
valign
bgcolor=
background=
Các thuộc tính của ô (<td>)
align=
valign=
bgcolor=
background=
char=
colspan=
rowspan=
nowrap=
height =
width=
Ví dụ về 1 bảng table đơn giản nhất nhé:
<html>

<head>
<title>ví dụ về bản đơn giản đầu tiên của bạn</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
 <table>
  <tr>
   <td>Đây là bảng đầu tiên, bảng này chỉ có một hàng và một cột nhé!</td>
  </tr>
 </table>
</body>
</html>




Chia Sẻ

Bài viết liên quan

Previous
Next Post »