Lanjutan dari postingan kemarin merubah ukuran dan warna text atau font, kali ini saya ingin melengkapi nya lagi dengan tutorial membuat text yang jika diklik terdapat link di dalam nya.
Ada 2 contoh dasar link teks atau link text :
1.link teks normal
2.link teks open new tab
Ada juga Ekstansi link, contoh nya ada 2 :
1.link nofollow
2.link dofollow
Pernak-pernik atribut Html link teks yang sering digunakan: title"teks" ( kalo disentu cursor akan keluar tulisan)
OK langsung kita lanjut ke kode HTML nya :
Link teks normal atau biasa
Contoh = <a href="http://www.rumusblogger.com/">Rumus blogger</a>
Hasil = Rumus blogger
Link teks open new tab/window
Contoh = <a href="http://www.rumusblogger.com/" target="_blank">Rumus blogger</a>
Hasil = Rumus blogger
Link Teks NoFollow
Contoh = <a href="http://www.rumusblogger.com/" rel="nofollow">Rumus blogger</a>
Hasil = Rumus blogger
Link teks dengan tambahan Atribut Title
Contoh = <a href="http://rumusblogger.blogspot.com/" title="rumus blogger">Rumus blogger</a>
Hasil = Rumus blogger
Sekarang kita menyatukan semua printah (Nofollow+new tab+Title)
Contoh = <a href="http://www.rumusblogger.com/" rel="nofollow" target="_blank" title="rumus blogger">Rumus blogger</a>
Hasil = Rumus blogger
Ok sekian dan trimakasih. Jika masih ada yang ingin di tanya silakan isi dikotak komentar
0 Response to "HTML membuat link teks"
Posting Komentar
Catatan:
Menulis Tag <code>
<i rel="code">Tulis kode yang sudah diparse di sini</i>, atau
[code]Tulis kode yang sudah diparse di sini[/code]
Menulis Tag <pre>
<i rel="pre">Tulis kode yang sudah diparse di sini</i>, atau
[pre]Tulis kode yang sudah diparse di sini[/pre]
Menulis Catatan (Blockquote)
<b rel="quote">Tulis catatan di sini</b>, atau
[quote]Tulis catatan di sini[/quote], atau
[blockquote]Tulis catatan di sini[/blockquote]
Memasukan Gambar
<i rel="image">Tulis URL gambar di sini</i>, atau
[img]Tulis URL gambar di sini[/img]
Memasukan Video Youtube
<i rel="youtube">Tulis URL Video Youtube di sini</i>, atau
[youtube]Tulis URL Video Youtube di sini[/youtube]
Penting:
Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!