THÊM LIÊN KẾT VÀO WEBSITE
Các designers chuyên nghiệp khuyên rằng, chúng ta không nên viết quá nhiều nội dung trên 1 trang web: "đừng mong người xem sẽ cuộn hết
trang để đọc hàng nghìn chữ trên 1 trang. Nếu chúng ta có nhiều thông tin cần giới thiệu, hãy cắt thành nhiều trang, và chỉ đường dẫn cho người xem."
Như vậy, bạn nên viết thành nhiều file.html và sau đó link các files này với nhau.
Mã để link đến trang khác, ví dụ "liên hệ", được đặt tên là email.html (save cùng folder với index.html):
<a href="email.html">Liên hệ</a>
- a = anchor: theo tôi hiểu, ký tự này thể hiện văn bản nguồn của liên kết;
- href = hypertext reference: chuyển đến một văn bản web, có nghĩa là văn bản đích.
Nếu muốn mở đến 1 window khác, không phải window mà website đang hiển thị, thì bạn cần thêm thông số target (đích đến), cụ thể là:
<a href="email.html" target="_blank">Liên hệ</a>
Chữ blank nằm sau underscore (_), và tất cả trong dấu ngoặc kép (""). Tuy nhiên, theo tôi, bạn chỉ nên xác định thông số này khi bạn link đến một trang
không có link back về trang web của bạn. Nếu không, sau một lúc xem website, bạn sẽ giống như lạc vào ma trận vì quá nhiều window pop-up. Còn nếu người xem website
hoặc bản thân bạn muốn xem nhiều cửa sổ cùng một lúc thì trong right click menu của Internet Explorer có option "open in a new window".
Bạn cũng có thể dùng mã này để nhận email tại mail box của mình bằng cách thay đường dẫn cho liên kết, cụ thể là:
<a href="mailto:email@duyhien.com">Liên hệ</a>
Khi click vào liên kết này, thì Microsoft Office sẽ chạy chương trình Outlook Express hoặc Microsoft Outlook để gửi email đến địa chỉ
được xác định trong liên kết.
Nếu muốn link đến 1 trang khác không phải do bạn viết thì bạn phải chỉ đường dẫn đầy đủ, ví dụ link đến trang hướng dẫn này:
<a href="http://www.duyhien.com/website">Học thiết kế website</a>
Lưu ý cần phải ghi đầy đủ "http://", nếu không trình duyệt sẽ tìm "www.duyhien.com/website" trong folder mà bạn up vào host ,
và tất nhiên kết quả sẽ là "the page cannot be displayed".
Trong trường hợp bạn muốn link là 1 ảnh, chứ không phải chữ, thì thay vì viết chữ (liên hệ), bạn chèn ảnh vào. Ví dụ, tôi có ảnh "gradml1a.gif":
Đoạn mã phải được viết như sau:
<a href="mailto:email@duyhien.com"><img border="0" src="gradml1a.gif"></a>
Kết quả:
Bạn lưu ý mở anchor (<a>) thì phải đóng lại (</a>), nếu không thì link sẽ không hoạt động.
Thiếu bất kỳ ký tự nào thì link cũng sẽ không hoạt động.
|