Wednesday, July 10, 2013

Thẻ a trong HTML, mạng nhện Internet bắt nguồn từ đây

Thẻ a

Thẻ <a> là thẻ quan trọng vào bậc nhất trong HTML, không có nó thì không có World Wide Web, và các tài liệu chỉ đơn thuần là trơ trọi một mình như hòn đảo hoang giữa biển rộng mênh mông. Nghe thì khủng khiếp thế nhưng sử dụng thẻ <a> lại rất đơn giản.

Đây là cấu trúc chuẩn của thẻ <a>:

<a href="http://www.mangluoitoancau.com/">Blog Mạng Lưới Toàn Cầu</a>

Dòng code trên sẽ hiện ra ngoài trình duyệt như thế này: Blog Mạng Lưới Toàn Cầu
  • Phần quan trọng nhất của thẻ <a> chính là đường liên kết nằm trong thuộc tính href, nó sẽ cho biết nơi mà bạn sẽ đến khi click vào.
  • Phần nằm giữa thẻ mở <a> và thẻ đóng </a> là phần sẽ hiển thị ra bên ngoài cho người duyệt web thấy, trong ví dụ trên đó chính là cụm từ Blog Mạng Lưới Toàn Cầu. Bạn có thể thay cụm từ này bằng hình ảnh hoặc nút nhấn (button). Ví dụ về code cho link ảnh là:
<a href="http://www.mangluoitoancau.com/"><img src="images/ducanh.jpg" /></a>
Nó sẽ hiện ra bên ngoài như thế này:

  • Theo mặc định các đường liên kết bằng văn bản trong thẻ <a> có màu xanh (blue) và được gạch dưới (underline). Dĩ nhiên bạn hoàn toàn có thể thay đổi mặc định này bằng CSS, điều đó rất dễ dàng.
  • Bình thường khi bạn nhấn vào liên kết, nội dung cũ sẽ mất và thay bằng nội dung mới của liên kết mới, nhưng nếu bạn thêm thuộc tính target="_blank" thì một tab mới sẽ mở ra cho nội dung mới, nội dung cũ sẽ vẫn còn ở tab cũ. Bạn thử nhấn vào liên kết này xem. Code mẫu cho việc này là:
<a href="http://www.mangluoitoancau.com/" target="_blank">liên kết này xem</a>
  • Ứng dụng của thẻ <a> ngoài việc liên kết từ trang nọ sang trang kia thì nó còn được làm vào các việc sau: liên kết để tải một thứ gì đó về (tài liệu, âm nhạc, phần mềm), liên kết gửi email, và liên kết trong cùng một trang (nếu bạn để ý một số website, ở footer có mũi tên hướng lên trên, khi nhấn vào nó sẽ nhẩy lên header - đây chính là liên kết trong trang).
  • Thi thoảng bạn sẽ thấy trong href người ta để là dấu thăng (#), kiểu thế này:
<a href="#">Blog Mạng Lưới Toàn Cầu</a>

Đây người ta gọi là liên kết giả, khi bạn nhấn vào thì nó không chuyển đến đâu cả. Bạn sẽ rất hay dùng cái này khi thực hiện dàn trang (code html và css web), vì khi ấy bạn cần các liên kết demo thôi, nên không cần nó trỏ cụ thể đến đâu.
  • Giải thích từ viết tắt: a đại diện cho anchor tức là điểm neo, còn href đại diện cho Hypertext REFerence - tham chiếu tới siêu liên kết.

No comments:

Post a Comment