Hướng Dẫn Cách Chèn Link Liên Kết Và Hình Ảnh Vào Website

Thảo luận trong 'Mã Nguồn' bắt đầu bởi Pussy, Thg 10 25, 2017.

  1. Pussy

    Pussy New Member Chuyển tiền Tìm chủ đề

    Bài viết:
    Tìm chủ đề
    950
    Html và chứa những link liên kết mà từ những link này người ta có thể truy cập đến các trang website khác nhau một cách nhanh chóng, trong bài html cơ bản và html là gì dùng ra sao mình đã nói, sau đây mình sẽ hướng dẫn các bạn cách chèn link vào HTML khi soạn thảo.

    1. Chèn link liên kết website

    Cú pháp:

    Mã:
    <a href=” Liên kết cần chèn “ target=”_blank”> Visit Vubinh94.wordpress.com </a>
    Hiển thị trên trình duyệt:

    [​IMG]

    Có một số lưu ý khi bản sử dụng thẻ link liên kết:
    • Liên kết đến một trang web nào đó phải có http:// đi trước.
    • Thuộc tính target sẽ xác định xem liên kết của bạn sẽ được mở ở đâu khi kích hoạt. Giá trị thường dùng là “_blank” – Mở trong một tab mới. Nếu không có thuộc tính này, liên kết sẽ được mở trên trang hiện tại mặc định là “_self”.
    • Trên trình duyệt sẽ chỉ hiển thị đoạn “text”, đoạn text này sẽ đại diện cho liên kết, khi bạn click vào “text”, liên kết sẽ được mở.
    Bạn hoàn toàn có thể thay đoạn text bằng một logo hình ảnh, cú pháp:

    Mã:
    <a href=”liên kết” target=”new”><img src=”link ảnh”></a>
    2. Chèn hình ảnh vào website

    Cú pháp:

    <img src=”Liên kết đến ảnh ” alt=”nội dung thay thế ảnh” title=”tiêu đề ảnh” >

    Còn có nhiều thuộc tính như sau:
    • Width: Chiều rộng của ảnh sẽ hiển thị trên trình duyệt ( tính bằng pixel hoặc % so với chiều rộng toàn trang web )
    • Height: Chiều cao mà ảnh sẽ hiển thị trên trình duyệt.
    • Border (Đường biên hay đường viền) :Thuộc tính này quy định độ dày của đường biên bao quanh ảnh (tính bằng pixel). Nếu không có thuộc tính này, ảnh sẽ không có đường biên bao quanh.
    3. Liên kết Email

    Cú pháp:

    Mã:
    <a href=”mailto:Địa chỉ email của bạn”> text </a>
    Khi người dùng click vào dòng text, họ sẽ được đưa đến trang gửi email, khi họ đăng nhập vào email của họ, thì email của bạn sẽ được đặt sẵn trong phần Email đích.

    Chúc các bạn luôn có kiến thức dồi dào về thiết kế website.
     
    Last edited by a moderator: Thg 10 27, 2017
  2. Đang tải...
Trả lời qua Facebook

Chia sẻ trang này