*Đây là một ví dụ thực tế mà bạn thường hay gặp, bất cứ lúc nào lướt web, bạn nhấp vào đâu đó, và thế là được chuyễn hướng sang trang khác.Để làm được việc này, ta bọc đối tượng( đối tượng có thể là chữ, hình ảnh) với tag <a> và dĩ nhiên câu hỏi đặt ra là làm sao định hướng được đi tới đâu, câu trả lời:
_Trong tag <a> ta cần có thêm thuộc tính href (hypertext reference). Giá trị của thuộc tính này là đường dẫn tới trang mà ta muốn nó đến, ví dụ bạn có một link và muốn nó dẫn tới trang chủ của yên hưng wap thì code cần viết đơn giản là:
Mã nguồn:[Chọn]
<a href="http://yenhung.xtgem.com">Link dẫn tới yenhung</a>
Kết quả:
Link dẫn tới yenhungLink hình ảnh
Đơn gản như link thường thôi:
<a href="http://yenhung.xtgem.com"><img src="http://yenhung.xtgem.com/images/ifuny.gif"/></a>
Kết quả:
Mọi việc có thể là rất bình thường, cho tới khi.....mình nói là không phải như thế! giá trị của thuộc tính href cũng có 3 loại:
Internal- Links dẫn tới địa điểm cùng trang
Local- Links dẫn tới một trang tuộc tên miền của bạn (ví dụ như http://yenhung.xtgem.com/index.html và http://yenhung.xtgem.com/xoso là cùng tên miền)
Global- Link dẫn tới trang khác tên miền ( ví dụ http://google.com) tuy cái này vẫn có thể dẫn tới trang của bạn, đừng hiểu nhầm nhé!
Ví dụ thực tế cho từng loại: link internal thường dùng để làm những link "Trở về đầu trang" Bằng cách như thế này:ờ nơi bạn muốn "nhảy" tới khi click vào link, bạn đặt một thẻ
<a name="top"></a>
với giá trị của thuộc tính href là cái gì cũng được, miễn sao cho bạn dễ nhớ, ở đây nói trở về đầu trang thì mình đặt giá trị là top cho dễ nhớ.
Nơi mà bạn muốn hiện cái dòng chử Trở về đầu trang, bạn đặt một thẻ
<a href="#top">Trở về đầu trang</a>.
Nhớ là để ví dụ này có hiệu quả, thì trang phải dài và hiện thanh cuộn trên cửa sổ trình duyệt mới thấy được ha!
-Link Global thì khỏi giải thích nhiều, chèn nguyên cái đường dẫn (cái trên thanh dịa chỉ của trình duyệt ớ) và giá trị của href là xong.
-Link Local đây là một ví dụ thú vị, mà chắc sẽ không ít người bị nhầm lẫn sau này!
Mã nguồn:[Chọn]
<p><a href="/index.htm">aaaaaaaaaaaa</a></p>
<p><a href="index.htm">aaaaaaaaaaaa</a></p>
<p><a href="../index.htm">aaaaaaaaaaa</a></p>
Cái này mình chỉ nói qua, các bạn thử tự ví dụ tại nhà ha! hảy tạo trên Destop một thư mục, save file HTML này tại đó, mở ra bằng trình duyệt và xem thử từng link sẽ dẫn bạn tới đâu.
Chú ý:Chắc chắn là bạn sẽ thấy một trang báo lỗi không tìm thấy hiện ra, nhưng không sao, ta chỉ quan tâm đến đường dẫn hiện ra trên tình duyệt để phân tích. Có 3 dòng 1,2,3 cứ thế ma nói.
1: Nếu bạn đặt file này trong bất cứ thư mục nào của ổ đĩa(ví dụ làC ha) link dẫn sẻ là: file:///C:/index.htmDấu "/" phía trước sẽ tạo ra đường dẫn là tên miền (trường hợp này là ổ đĩa) và tên file ngay sao đó.
2: Còn cái link thứ 2 sẽ đưa ra liên kết đúng tho vị trí mà file html đang nằm + tên file
3: Cái link này đưa ra đường dẫn tới thư mục chứa thư mục chứa file html + tên file
Nói thì khó hiểu nhưng các bạn cứ thử đi là sẻ hểu thôi!link targets - Mục tiêu khó dịch quá.Nói chung là với mỗi link bạn có quyền chỉ định khi nhấp vào là mở trang web trong địa chỉ ở cửa sổ mới hay là trong chính trang này,hoặc là trong frame nào bạn muốn, (frame ta sẽ tìm hiểu sau!)bằng thuộc tính target, có các giá trị như sau:
_blank: mở cửa sổ mới
_self: mở trang mới ở cửa sổ đang mở hay frame chứa nó (cái này mặc định)
_parent: mở trang ở frame cha (thí dụ frame chứ frame thì cái frame lớn chính là frame cha)
_top: mở ở cửa sổ hiện tại luôn, nhưng mà nếu tran có chứa frame nếu không đặt thuộc tính taeget có giá trị này, trang mới chỉ load trong frame, còn khi đặt giá trị này thì cả trang nhiều frame như một, cái này cũng khá khó để ví dụ, từ từ qua phần frame rồi tính.
*EMAIL tag <a> còn để làm link gửi mail, co nghĩa là khi click vào địa chỉ mail thì trình soạn thào mail mặc định của bạn se mở ra ớ!
<a href="mailto:iljin345@gmail.com" >Gửi thư cho mình nhé</a>
Với cách này ta còn có thể đặt trước tựa và một phần nội dung thư như sau<a href="mailto:iljin345@gmail.com?subject=Tu Vi du&body=Minh da hieu het roi, de qua" >Gửi thư cho mình nhé</a>
Sau địa chỉ mail có thêm dấu "?" và 2 phần subject=tiêu đề bạn muốn, body=Nội dung thư bạn muốn, có thể chỉ đặt 1 trong 2 phần này, nhưng khi muốn đặt cả hai cùng lúc thì cần có dấu "&"như trên ví dụ. Lúc nhấn vào người ta sẽ thấy phần tiêu dề và thông tin! (Đương nhiên là người ta vẫn xoá đi được).
