Posts

Showing posts with the label HTML

Link HTML

Link HTMLLink mengarahkan kita pada hampir semua halaman web. Link dapat di klik user dari satu halaman ke halaman lain.Hyperlink (Link) HTMLLink dalam HTML didefinisikan oleh tag <a>.Hyperlink atau link adalah sebuah kata, gabungan kata, atau gambar yang apabila di klik akan membawa user ke dokumen HTML lain.Ketika kursor mouse diarahkan di atas sebuah link, maka kursor panah akan berubah menjadi icon tangan kecil.Atribut paling penting dalam tag <a> adalah href, yang menunjukkan link tujuan.Secara default, link akan tampak seperti berikut:۩Link yang belum pernah di klik/dikunjungi (unvisited link) bergaris bawah dan berwarna biru.۩Link yang pernah diklik/dikunjungi (visited link) bergaris bawah dan berwarna ungu.۩Link yang sedang aktiv/sedang dikunjungi (active link) bergaris bawah dan berwarna merah.Sintak Link HTMLKode link HTML paling sederhana adalah seperti berikut:<a href=”url_tujuan”>kata yang tampil untuk diklik</a>Atribut href menunjukkan arah tujuan…

Format Teks HTML

Format Teks HTMLFormat teks pada HTML misalnya penggunaan teks tebal (bold) dengan tag <b>, teks miring dengan tag <i>, pangkat bawah dengan tag <sub>, pangkat dengan <sup> dan lain sebagainya.Tag Format HTML (Formatting tag)Tag <b>, <i>, <sup>, <sub> dan yang lainnya merupakan tag untuk pemformatan pada HTML.TagDeskripsiContoh Output<b>Menunjukkan teks tebal (bold)Preview b<em>Hampir sama dengan tag i Preview em<i>Menunjukkan teks miringPreview i<small>Menunjukkan teks kecilPreview small<strong>

Paragraf HTML

Image
Paragraf HTMLParagraf HTML ditunjukkan oleh tag <p>.Contoh:<p>Ini adalah Paragraf</p><p>Ini adalah paragraf lainnya</p>Hasilnya pada browser Mozilla:Catatan: browser akan menambah baris kosong (empty line) sebelum dan sesudah paragraf.Jangan Lupa Tag PenutupSebagian besar browser akan menampilkan HTMl dengan tepat meskipun tanpa tag penutup.Contoh:<p>Ini adalah paragraf.<p>Ini adalah Paragraf lainnya.Pindah Baris HTML (Line Break)Gunakan tag <br/> untuk berpindah baris tanpa memulai paragraf baru.Contoh:<p>Ini adalah para- <br/> graf dengan Line Break </p>Hasilnya pada browser Mozilla:Output HTMLAnda tidak akan dapat menentukan bagaimana HTML akan ditampilkan secara pasti. Screen besar atau kecil. Dan jendela (window) yang di rubah ukurannya (resize) akan menampilkan hasil yang berbeda.Dengan HTML, Anda tidak bisa merubah output dengan menambah spasi atau baris yang banyak.Browser akan membuang ekstra baris dan spasi. B…

Heading HTML

Image
Heading HTMLHeading pada HTML ditunjukkan oleh tag <h1> sampai tag <h6>.Tag <h1> menunjukkan heading paling penting dan tag <h6> menunjukkan heading penting paling akhir.Contoh:<h1>Ini adalah heading 1</h1><h2> Ini adalah heading 2</h2><h3> Ini adalah heading 3</h3><h4>Ini adalah heading 4</h4><h5> Ini adalah heading 5</h5><h6> Ini adalah heading 6</h6>
Hasilnya pada browser mozilla:Heading Itu PentingGunakan heading HTML hanya untuk heading saja. Jangan gunakan untuk memperbesar atau membuat boldteks.Search Engine/Mesin Pencarian menggunakan heading Anda untuk mengindeks strukturdan konten web Anda.Pengunjung situs mungkin melihat heading situs Anda dulu sebelum membaca seluruh konten, maka sangat penting untuk membuat struktur dokumen dengan heading.H1 digunakan harus digunakan pada heading utama, diikuti H2 dan seterusnya.Garis HTMLTag <hr> akan membuat garis horizontal pada dokumen…

Atribut HTML

Atribut HTML۩Elemen HTML bisa memiliki beberapa atribut۩Atribut memberikan informasi tambahan tentang elemen tersebut۩Atribut diletakkan pada tag pembuka۩Atribut ditulisnama="value"Contoh:Link HTML ditunjukkan dengan tag <a>. Alamat link ditunjukkan pada atribut href.<a href="http://www.budairi.com">Ini adalah link</a>Referensi AtributAtributDeskripsiclassMenetapkan satu atau lebih class dari elemen (mengarahkan pada class di CSS)idMenetapkan id untuk elemenstyleMenetapkan inline style (css ditulis langsung pada tag pembuka)titleMenetapkan informasi tambahan pada elemen (ditampilkan sebagai tool tip)

Elemen HTML

Elemen HTMLTag pembukaisiTag penutup<p>Ini untuk paragraf</p><a href="default.htm">Ini untuk link</a><br>