Thẻ Tạo Link Liên Kết Trong HTML

4.5

/

5

(

6

bầu chọn

)

Bạn đã tìm tòi về website chắc hẳn bạn cũng từng biết, 1 trang web luôn tồn tại các link qua lại giữa các trang khác nhau & những link này được gọi là Hyperlinks (siêu link). Bạn có thể thấy ngay trong đoạn này mình có chèn link về chuyên đề học HTML bằng cách sử dụng thẻ a trong HTML để tạo backlink link đến 1 trang khác.

Trong HTML để tạo thành các backlink link thì tất cả chúng ta sử dụng thẻ athẻ tạo backlink link. Về cách sử dụng thẻ a trong HTML thì nội dung này mình sẽ chỉ dẫn cho bạn cụ thể nhất về thẻ a trong HTML để bạn hiểu & dùng được nó.

Thẻ a trong HTML được dùng rất là nhiều nó giúp bạn tạo 1 đường dẫn trỏ đến 1 trang nào đó ngay trong website của các bạn hoặc sang 1 website khác. Nếu bạn đã tìm tòi về SEO thì bạn cũng biết thẻ a được dùng trong SEO cực kỳ nhiều khi bạn chèn backlinks. Nó sẽ có 2 dạng này là liên kết nội bộ hay nói một cách khác là link bên trong (backlink trỏ đến trang cùng tên miền) & external backlink nói một cách khác là link bên ngoài(backlink trỏ đến trang không cùng tên miền).

Đọc thêm

Kết cấu của thẻ a trong HTML

<a href="https://nguyenhung.net" title="Học HTML Online" target="_blank">NguyenHung.Netvàlt;/avàgt;

Trong kết cấu trên có các tính chất sau:

  • <avàgt;…</avàgt;

     là kết cấu khai báo của cặp thẻ a

  • href

     là tính chất khai báo đường dẫn tới trang đích

  • title

     là tính chất khai báo tiêu đề cho link

  • target

     là tính chất với các tùy chọn đích đến ở dưới (nếu như không khai báo tính chất target thì giá trị mặc định là _self)

    • _self

       tùy chọn này sẽ mở backlink trên tab hiện giờ

    • _blank

       tùy chọn này sẽ mở backlink trên tab mới

    • _parent

        tùy chọn này sẽ mở backlink trong tab cha của tab hiện giờ

    • _top

       tùy chọn này sẽ mở backlink trong cửa sổ toàn màn hình

  • NguyenHung.Net

      là thành phần hiển thị cho người dùng chứng kiến. Nó có thể là text backlink hoặc image backlink.

Kết cấu thẻ a nhảy tới địa điểm nào đó trên trang

Ngoài việc đặt backlink kéo theo 1 trang khác trong website hoặc kéo theo 1 website khác thì bạn còn tồn tại thể đặt backlink nhảy đến 1 địa điểm nào đó ngay trong trang mà không bị load lại trang.

Để làm việc này bạn hãy thêm vào thẻ HTML ở địa điểm cần nhảy tới id=”ten_id” sau đó trong tính chất href của thẻ a bạn để backlink ở dạng href=”#ten_id”. Nói vậy có lẽ bạn sẽ thấy mở hồ, bạn hãy xem chẳng hạn dưới đây để hiểu nhé.

Chẳng hạn

Trước hết là thêm id cho đoạn cần nhảy tới. Bước này mình sẽ thêm id cho thẻ h1 như sau:

<h1 id="den_day">Học HTML Onlinevàlt;/h1vàgt;

Hiện giờ tất cả chúng ta viết thẻ a với kết cấu như sau:

<a href="#den_day" title="Học HTML Online">NguyenHung.Netvàlt;/avàgt;

Bậy giờ khi click vào thẻ a nó sẽ nhảy tới thẻ h1 có id=”den_day” ngay trong trang hiện giờ mà không cần load lại trang.

Dùng thử rõ đặc biệt là bạn có thể xem danh mục của nội dung này ở bên tay phải màn hình, sau đó bạn click vào các backlink nó sẽ nhảy đến địa điểm bạn cần tới.

không chỉ thế, với cách thức tạo backlink như này nó còn hiển thị trực tiếp trên kết quả tìm kiếm Google khá là hay, bạn có thể tham khảo thêm trong ngành nghề SEO nhé.

Kết cấu thẻ a tạo link mail

Bạn có thể dùng thẻ a để tạo link giúp người dùng click vào link đó sẽ mở áp dụng gửi mail & tự điền thư điện tử mà bạn đã nhập sẵn ở đó. Kết cấu thẻ a như sau:

<a href="mailto:admin@nguyenhung.net">admin@nguyenhung.netvàlt;/avàgt;

& nó sẽ hiển thị trên trình duyệt như sau: admin@nguyenhung.net

Kết cấu thẻ a tạo link tới số smartphone

Việc tạo backlink tới số smartphone hiện tại rất hữu ích, đặc biệt là với các trang web bán hàng nếu mong muốn người dùng truy cập bằng smartphone ấn vào link số smartphone là auto nhập số smartphone để gọi ngay rất là hay. Cách làm dễ dàng với thẻ a như sau:

<a href="tel:19001009">19001009vàlt;/avàgt;

Nó sẽ hiển thị trên trình duyệt như sau, bạn hãy truy cập trang này bằng smartphone & click vào thử nhé: 19001009

4 hiện trạng của thẻ a

Thẻ a đặc biệt hơn các thẻ khác là nó sẽ có 4 hiện trạng cho người dùng thấy như sau:

  • backlink: là hiện trạng thẻ a khi bạn chưa click lần nào
  • hover: là hiện trạng khi bạn trỏ chuột qua nhưng không click vào
  • visited: là hiện trạng khi bạn đã click vào backlink
  • active: là hiện trạng khi bạn click vào backlink nhưng vẫn đang giữ chuột

Về các hiện trạng này thì tất cả chúng ta phải phối hợp cùng CSS mới thấy rõ được. Nên mình sẽ kể tới trong nội dung về CSS cho thẻ a sau.

Lời kết

Như thế trong nội dung này mình đã cùng bạn đi tìm tòi về thẻ a trong HTML & cách sử dụng thẻ a trong các trường hợp thường xuyên gặp nhất. Hi vọng với từng đó học thức sẽ giúp bạn sử dụng thẻ a trong HTML tốt hơn.

Nếu thấy nội dung hay hãy chia sẻ ngay nhé, còn nếu có khúc mắc gì hãy để lại còm men ở khung comment bên dưới nhá. & nhớ theo dõi NguyenHung.Net để học thêm nhiều học thức về website hơn nhé. Chúc bạn thành công!

Xem Thêm  the user agent must process the data buffer

Viết một bình luận