[ Tin nhắn mới · Thành viên · Quy tắc diễn đàn · Tìm kiếm · RSS]
THỐNG KÊ DIỄN ĐÀN
BÀI VIẾT MỚICHỦ ĐỀ SÔI ĐỘNGTHÀNH VIÊN TÍCH CỰCTHÀNH VIÊN MỚI
  • Chồng Nhâm Thâ... (1)
  • Bộ sách về tử ... (1)
  • Thuốc chữa bện... (1)
  • Bệnh nhiệt miệ... (0)
  • Tạo màng ngăn ... (0)
  • Tổng Hợp về YA... (13)
  • Tăng font chữ ... (13)
  • Tử vi năm Nhâm... (11)
  • Phong thủy cho... (10)
  • Thái cực quyền... (8)
  • TieuBao
  • kcdl
  • havanchan55
  • minzjkute
  • 12a3
  • adjmkun60
  • thaybalau
  • huyenntn17fsoft
  • trininh0610
  • linhphuongcva
    • Page 1 of 1
    • 1
    DIỄN ĐÀN_VNTAMTAY » THƯ VIỆN WEBSITE » MÃ HTML & JAVASCRIPT » Bài 12: html - Hyperlink - liên kết trên trang web (html - Hyperlink - liên kết trên trang web)
    Bài 12: html - Hyperlink - liên kết trên trang web
    TieuBaoNgày: Thứ 5, 07-Apr-11, 20:42:28 | Bài viết # 1


    Nhóm: Administrator
    Số bài viết: 3090
    Khen thưởng: 3
    Được cảm ơn: 10001
    Trạng thái: Offline
    ây là một ví dụ thực tế mà bạn thường ay 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 học vui thì code cần viết đơn giản là:
    Code: [Select]
    <a href="http://hocvui.net">Link dẫn tới hocvui</a>
    Kết quả:
    Link dẫn tới hocvui

    Link hình ảnh
    Đơn gản như link tường thôi:

    <a href="hocvui.net"><img src="http://hocvui.net/logo.png"/></a>

    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://hocvui.net/index.htmlhttp://hocvui.net/4rum 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!
    Click thử xem :Trở về đầu trang
    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 vẫn sau này!
    Code: [Select]
    <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.htm
    Dấ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ỉ địn 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:admin@hocvui.net" >Gửi thư cho mình nhé</a>

    Kết quả:
    Gửi thư cho mình nhé

    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:admin@hocvui.net?subject=Tu Vi du&body=Minh da hieu het roi, de qua" >Gửi thư cho mình nhé</a>

    SAu địac 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à nội dung thư đã điền sẵn một số thông tin! (Đương nhiên là người ta vẫn xoá đi được).


    TRẺ DÙNG SỨC KHỎE KIẾM TIỀN-GIÁ DÙNG TIỀN MUA SỨC KHỎE

    NHỮNG GÌ CON NGƯỜI KHÔNG NGHĨ TỚI LẠI XẢY RA TRONG ĐỜI
     
    DIỄN ĐÀN_VNTAMTAY » THƯ VIỆN WEBSITE » MÃ HTML & JAVASCRIPT » Bài 12: html - Hyperlink - liên kết trên trang web (html - Hyperlink - liên kết trên trang web)
    • Page 1 of 1
    • 1
    Search:

    click ủng hộ vntamtay
    Chát với Tôi
    300
    Liên kết quảng cáo
    Buôn bán phụ tùng!
    Đang truy cập
    Khu đăng nhập
    Video Clip
    00:01:17

    Cặp đôi "hoàn hảo"

    • Views:
    • Total comments: 0
    • Rating: 0.0
    Tỷ giá tiền tệ