Kod pautan HTML

Bagaimana untuk menulis kod pautan HTML.

• Pautan teks
• Pautan ke halaman yang sama
• Pautan imej
• pautan e-mel
• Pautan ke muat turun fail
• Pautan dibuka dalam tetingkap baharu
• Pautan butang
• Warna pautan
• Pautan laluan relatif lwn mutlak
• Penjana kod pautan

pautan teks HTML

<a href="link/html-text-link.htm">Text Link</a>

Kod akan membuat pautan ini:

Pautan Teks

Pautan HTML ke halaman yang sama

Kod pautan sauh:

<a href="#generator">Link code generator</a>

Kod akan membuat pautan ini:

Penjana kod pautan

Apabila menekan pautan penyemak imbas akan melompat ke tajuk di bawah, dengan kod ini:

<h2><a id="generator">Link code generator</a></h2>

Pautan imej HTML

<a href="link/link-image.htm"><img src="link/flower.jpg" width="82" height="86" alt="Flower"></a>

Kod akan membuat pautan ini:

pautan e-mel HTML

<a href="mailto:name@cmtoinchesconvert.com">Send Mail</a>

Kod akan membuat pautan ini:

Hantar surat

 

Lihat: pautan mailto HTML .

Pautan HTML ke muat turun fail

<a href="link/test_file.zip">Download File</a>

Kod akan membuat pautan ini:

Muat turun fail

 

Lihat: pautan muat turun HTML

Pautan HTML dibuka dalam tetingkap baharu

Pautan ini akan dibuka dalam tetingkap atau tab baharu:

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

Kod akan membuat pautan ini:

Buka halaman dalam tetingkap baharu

Pautan butang HTML

Tanpa javascript:

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

Dengan javascript:

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

Warna pautan

Menukar warna pautan dilakukan dengan penggayaan css:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

Kod akan menghasilkan pautan ini:

Pautan halaman warna

 

Menukar warna latar belakang pautan dilakukan dengan penggayaan css:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

Kod akan menghasilkan pautan ini:

Pautan halaman warna

Pautan laluan relatif lwn mutlak

Ini ialah pautan dengan URL laluan relatif:

<a href="link/html-text-link.htm">Text Link</a>

Kod akan menghasilkan pautan ini:

Pautan Teks

 

Ini ialah pautan dengan URL laluan mutlak:

<a href="https://cmtoinchesconvert.com/ms/web/html/link/html-text-link.htm">Text Link</a>

Kod akan menghasilkan pautan ini:

Pautan Teks

Penjana kod pautan HTML

Pilih jenis pautan:

Pautan teks Pautan imej pautan e-mel Pautan sauh dinamakan
Masukkan teks pautan:
Masukkan URL untuk dipautkan ke:
Tetapkan gaya pautan CSS:
Pautan biasa:
warna:	- kod hex - Aqua Hitam Biru Fuchsia Kelabu hijau kapur Magenta Maroon Tentera Laut Zaitun Ungu merah Perak Teal putih Kuning
warna latar belakang:	- kod hex - Aqua Hitam Biru Fuchsia Kelabu hijau kapur Magenta Maroon Tentera Laut Zaitun Ungu merah Perak Teal putih Kuning
hiasan teks:	garis bawah tiada
sasaran-baru:	tiada tab tingkap
Pautan berlegar:
warna:	- kod hex - Aqua Hitam Biru Fuchsia Kelabu hijau kapur Magenta Maroon Tentera Laut Zaitun Ungu merah Perak Teal putih Kuning
warna latar belakang:	- kod hex - Aqua Hitam Biru Fuchsia Kelabu hijau kapur Magenta Maroon Tentera Laut Zaitun Ungu merah Perak Teal putih Kuning
hiasan teks:	garis bawah tiada
sasaran-baru:	tiada tab tingkap
Paparan pautan yang dijana:
Kod pautan yang dihasilkan:

 

---

Lihat juga

• Komen HTML
• pautan sauh HTML
• Pautan butang HTML
• pautan muat turun HTML
• Pautan imej HTML
• Warna pautan HTML
• pautan mailto HTML
• pautan tetingkap baharu HTML
• pautan teks HTML