Tìm hiểu về thẻ liên kết trong html

Thảo luận trong 'Tool soạn thảo, lập trình' bắt đầu bởi thanhtruc02, 5/8/15.

Lượt xem: 1,270

  1. Offline

    thanhtruc02 Thành viên chính thức
    • 1/6

    Bài viết:
    24
    Trong học html cơ bản thì thẻ liên kết(thẻ <a>) đóng vai trò rất quan trọng trong việc điều hướng người dung khi xem website,bạn sẽ thấy trên website sẽ thấy rất nhiều các liên kết khác nhau ví dụ như bạn đang xem sản phẩm sony bạn có thể bấm chọn vào sản phẩm sony đang hiển thị lập tức website sẽ chuyển hướng sang trang chi tiết về sản phẩm sony để người dùng có thể xem xét kỹ hơn.Hôm nay chúng ta hãy cùng nhau về thẻ liên kết này

    [​IMG]

    Thẻ liên kết

    Cách viết:

    Mã:
      <body>
    
      <a href=”Đường dẫn liên kết”>Tên danh mục</a>
    
      </body>
    Khi chúng ta click vào "Tên danh mục" thì website sẽ chuyển đến liên kết mới theo " đường dẫn liên kết" đã khai báo

    Đường dẫn của thẻ liên kết trong html cũng được chia thành 2 loại

    Được chia làm 2 loại: đường dẫn tuyệt đối và đường dẫn tương đối

    Đường dẫn tuyệt đối

    Tuyệt đối tức là không thay đổi.

    Loại đường dẫn này chúng ta sẽ copy nó ở trên thanh địa chỉ của trình duyệt web.

    Cách viết:

    Mã:
      <body>
    
      <a href=”http:// dichvuseogiarehanoi. com” >Trang chủ </a>
    
      </body
    Đường dẫn tương đối

    Tương đối tức là sẽ thay đổi.

    Loại đường dẫn này chúng ta sẽ tự viết ra trong quá trình chúng ta thiết kế web

    Cách viết: có tất cả 4 kiểu viết đường dẫn tương đối

    Mã:
    <body>
    
      <a href=”Sony.html”>Trang Chủ</a>
    
      <a href=”mayanh/Sony.html”>Sản Phẩm</a>
    
      <a href=”…/Sony.html”>Sony</a>
    
      <a href=”…mayanh/Sony.html”>Sony</a>
    
    </body>
    Đặc biệt

    Nếu chúng ta không có đường dẫn cụ thể thì chúng ta sẽ sử dụng dấu # để thay thế.

    Cách viết

    <body>

    <a href=”#”>Sony</a>

    </body>


    Thuộc tính target = "..."

    Tác dụng: khi bấm chọn chuột vào liên kết thì liên kết sẽ được mở ra trên một tab mới.

    Cách viết:

    Mã:
      <body>
    
      <a href=”Sony.html” target=”_blank”>Sony</a>
    
      </body>
     
    #1
  2. Offline

    Judyle2905 Thành viên chính thức
    • 1/6

    Bài viết:
    8
    bài viết rất hay đối với những người mới như mình, thanks thớt đã chia sẻ, chia sẻ thêm nhiều thông tin và kinh nghiệm nữa nhé thớt
     
    #2
: học html

Chia sẻ trang này

Chào mừng các bạn đến với diễn đàn học SEO chúc các bạn có những giây phút thật zui zẻ!
x