Cách chèn link vào chữ, hình ảnh trong html

Cách chèn link vào chữ, hình ảnh trong html

Chèn link vào chữ và hình ảnh trong html là những thẻ cơ bản và dễ sử dụng, nếu các bạn mới tìm hiểu về html thì có tham khảo

Chèn link vào chữ:

HTML: 
<a href="https://vfo.vn" target="_blank" title="Click để vào diễn đàn VFO.VN">Diễn đàn tin học VFO.VN</a>

Trong đó
  • href="https://vfo.vn": Link click ra
  • target="_blank" : Để click hiển thị ra cửa sổ mới
  • title="Click để vào diễn đàn VFO.VN": chữ hiển thị khi rê chuột vào chữ

Và ta sẽ có kết quả như sau:
Diễn đàn tin học VFO.VN

chữ hiểu thị sẽ là Diễn đàn tin học VFO.VN và click vào link sẽ ra link của vfo.vn

Chèn link vào ảnh trong html

Tương tự việc chèn link vào chữ thì chèn link vào ảnh các bạn cũng làm tương tự.

HTML: 
<a href="https://vfo.vn" target="_blank"><img src="https://vfo.vn/t/images/logo/logof.png" alt="logo vfo.vn" /></a>


Các thuộc tính cũng y như trên, bạn chỉ cần thay đôi đường link và đường dẫn hình ảnh là có thể tạo 1 liên kết link khi click vào hình ảnh

Kết quả sẽ là:


Khi click vào hình sẽ ra link đã chèn vào
 
  • Chủ đề
    chen link html chen link vao chu chen link vao chu trong html chen link vao hinh chen link vao hinh html
    • bandoc

    bandoc

    bạn ơi cho mình hỏi là mình muốn copy nguyên code html vào trong reply nhưng mình không thấy thẻ để giuýp mình hiển thị đoạn mã HTML như BBCODE ý
     
    C

    conghungad



    • http://muatructuyen24h.com
      WEbsite mua trực tuyến lớn việt nam
    • ​
      • <a href="http://muatructuyen24h.com" target="_blank" title="Mua trực tuyến 24H">Websiet thương mại điện tử lớn Việt Nam</a>


     
    M

    modskinlol

    giờ chuyển qua sài BBCODE hết r chủ thớt ơi, thường thì các diễn đàn chặn gần hết code của BBCODE
     
    T

    thienbui

    Tùy diễn đàn thôi, bạn chèn được nhưng dính vào nội quy, bạn mất tài khoản luôn, hehe..
     
    Tiy

    Tiy

    Αdmin của 4rum
    <a href="https://vfo.vn" target="_blank" title="Click để vào diễn đàn VFO.VN">Diễn đàn tin học VFO.VN</a>

    - - - Updated - - -

    Mã: 
    [COLOR=#008000]<a href=[COLOR=#0000FF]"https://vfo.vn"[/COLOR] target=[COLOR=#0000FF]"_blank"[/COLOR] title=[COLOR=#0000FF]"Click để vào diễn đàn VFO.VN"[/COLOR]>[/COLOR]Diễn đàn tin học VFO.VN[COLOR=#008000]</a>
    [/COLOR]
     
    Tiy

    Tiy

    Αdmin của 4rum
    PHP: 
    [COLOR=#008000]<a href=[COLOR=#0000FF]"https://vfo.vn"[/COLOR] target=[COLOR=#0000FF]"_blank"[/COLOR] title=[COLOR=#0000FF]"Click để vào diễn đàn VFO.VN"[/COLOR]>[/COLOR]Diễn đàn tin học VFO.VN[COLOR=#008000]</a>[PHP]
    [/COLOR]
     
    Tiy

    Tiy

    Αdmin của 4rum
    <a href="https://vfo.vn" target="_blank" title="Click để vào diễn đàn VFO.VN">Diễn đàn tin học VFO.VN</a>
     
    X

    xuanthongnguyen235

    href="https://vfo.vn" target="_blank"><img src="https://www.google.com.vn/imgres?imgurl=https%3A%2F%2F4.bp.blogspot.com%2F-LXMIJ_TmPZQ%2FWI9PRsiGeqI%2FAAAAAAAAATY%2FghyIHyrUz3wuERVcKbi_bWvh81QUdcyoQCEw%2Fs1600%2F5.jpg&imgrefurl=http%3A%2F%2Fbacsithuthuat.blogspot.com%2F2017%2F06%2Fshare-10-anh-hacker-lam-avatar-chat.html&docid=_XIpeWQL3QtsCM&tbnid=FV6__uf9rLvg5M%3A&vet=10ahUKEwi_hJS_jNjZAhVFqJQKHYDoDYEQMwgnKAAwAA..i&w=960&h=960&bih=670&biw=1280&q=anh%20hacker&ved=0ahUKEwi_hJS_jNjZAhVFqJQKHYDoDYEQMwgnKAAwAA&iact=mrc&uact=8" alt="logo vfo.vn" /></a>
     
    Đăng nhập bằng tài khoản VFO hoặc Google

    Bài viết mới nhất

    Bài viết đang hot

    Thống kê

    Chủ đề
    102,786
    Bài viết
    470,606
    Thành viên
    340,592
    Thành viên mới nhất
    NDHU

    Bài viết được quan tâm nhiều

    Top