Kode HTML Umum Untuk Membuat Halaman Website

Setelah anda memahami apa itu HTML, kini kita coba mengupas 8 Kode HTML Yang Sering Digunakan untuk membagun sebuah ahalaman website, walaupun anda sebagai seorang webmaster tidak wajib untuk menguasai HTML karena memang saat ini sudah banyak template atau theme yang siap pakai tanpa harus tau tentang kode html dilengkapi dengan plugin bagi pengguna WordPress, setidaknya dengan mengetahui dasar-dasar kode html anda bisa mengurangi penggunaan plugin yang dapat mengurangi kecepatan website anda dan juga anda tidak terlalu sering menyewa seorang freelancer untuk memperbaiki keadaan website anda.

Kode HTML sebenarnya mudah, tidak perlu dihafal cukup copy dan paste sesuai kebutuhan, dan kode ini umum dan standar, artinya anda bisa menggunakan kode html pada setiap script/theme/cms, berikut 8 Kode HTML Dasar.

Kode HTML Yang Sering Digunakan Dalam Web

1. Struktur Dasar HTML

<!DOCTYPE>

Kode diatas merupakan DTD (Document Type Declaration), kode ini bertugas untuk memberitahukan kepada browser yang anda pakai tentang versi HTML yang anda pakai, anda harus menulis dengan benar DTD ini, jika tidak halaman website anda tidak akan tampil sesuai yang anda harapkan.

<html></html>

Kode diatas adalah kode standar untuk pembukaan dan penutupan HTML.

<!-- Hanya Sebuah Komen -->

Kode diatas merupakan kode untuk memasukkan komentar atau pesan pada pengguna, komentar atau pesan ini tidak akan muncul pada halaman website anda.

<head></head>

Kode diatas umumnya digunakan oleh browser dan search engine untuk mengambil informasi tentang halaman website anda seperti judul, meta tag, base dan link.

<title></title> Digunakan unutk memasukkan judul halaman website anda sehingga bisa dikenali oleh search engine dan browser.

<meta> Digunakan untuk memasukkan deskripsi singkat tentang isis dari halaman website anda sehingga search engine bisa lebih memahami isi website anda.

<base> Digunakan untuk mengganti link default, berguna jika halaman website anda di baca dari server lain.

<link> Digunakan untuk menghubungkan sumber stylesheet dan icon favorit ke halaman website.

<body></body>

Kode diatas untuk menampilkan informasi apa saja yang ingin anda berikan kepada pengguna website anda, apapun yang anda taruh diantara pembukaan dan penutupan kode diatas akan terlihat di browser.

Untuk melihat contoh kode html diatas secara lengkap anda bisa membuka postingan kami sebelumnya Contoh Syntax HTML.

2. Kode HTML Untuk Mengganti Format Teks

Tampilan teks pada website anda mungkin berbentuk normal teks, miring, tebal, bergaris bawah dan yang lainnya, berikut beberapa kode html untuk menampilkan format teks anda.

<b></b>

Kode diatas untuk menampilkan teks dalam format Bold atau Tebal.

<i></i> atau <em></em>

Kode diatas untuk membuat teks italic atau miring, semua teks yang berada diantara kode tersebut akan terlihat miring atau italic.

<u></u>

Kode diatas untuk membuat garis bawah pada teks, tempatkan teks yang akan digaris bawahi diantara kode tersebut.

<hx></hx>

Kode ini untuk membuat heading H1, H2, H3 dan seterusnya, ganti x dengan angka 1,2,3 dan seterusnya sesuai heading yang diinginkan.

<code></code>

Kode tersebut untuk menampilkan kode seperti kode html, css, php dan syntax agar terlihat seperti kode aslinya.

<address></address>

Kode address ini digunakan untuk memasukkan alamat sehingga tampilan alamat menjadi miring dan terlihat seperti alamat pada umumnya.

<big></big>

Kode diatas untuk membuat ukuran huruf lebih besar satu tingkat diatas huruf sesuai setting pada website.

<small></small>

Kode ini berfungsi sebaliknya yaitu membuat ukuran huruf lebih kecil satu tingkat dibawah ukuran normal.

<strong></strong>

Kode diatas untuk membuat penekanan terhadap teks yang dipilih, diberikan dalam huruf tebal.

<p></p>

Kode teks ini digunakan untuk membuat paragraf, masing-masing paragraf harus diapit oleh kode tersebut.

3. Kode HTML Untuk Menampilkan Frame

<frameset>< /frameset>

Digunakan untuk membuat layout frame baru, gunakan <frame> untuk membuat frame didalam frameset atau <noframes>< /noframes> untuk meninggalkan pesan pada pengguna browserlama karena frame anda tidak akan dimuat pada browser lama.

<iframe></iframe>

Digunakan untuk membuat frame inline atau floating, kode ini bisa anda letakkan dimana saja pada halaman webite anda dan tidak harus berada pada frameset.

4. Kode HTML Untuk Membuat Form

<form></form>

Digunakan untuk membuat form seperti form kontak, gunakan fungsi kode berikut ini untuk menyempurnakan form anda.

<input> Kode ini memungkinkan anda memasukkan berbagai macam kolom input seperti kotak teks, text-boxes, checkboxes, tombol radio, submit and reset.

<textarea></textarea> Kode ini memungkinkan anda untuk membuat kolom teks lebih dari satu baris, kolom ini cocok untuk memasukkan informasi yang membutuhkan ruang untuk menulis seperti kritik dan saran, alamat, dan isi pesan.

<label></label> Digunakan untuk membuat label pada area teks sebagai tambahan informasi apa yang harus dilakukan oleh pengguna terhadap area teks yang anda buat.

<select></select> Digunakan untuk membuat pilihan, anda bisa menambah opsi pihan dengan menggunakan tag <option></option>

<fieldset></fieldset> Digunakan untuk membuat grup elemen form kedalam urutan yang bisa diatur.

<legend></legend> Gunakan tag ini untuk memberikan judul pada Fieldset yang anda buat.

5. Kode HTML Untuk Membuat Tabel

<table></table>

Kode diatas digunakan untuk membuat table, untuk melengkapi tabel anda gunakan kode html berikut:

<caption></caption> digunakan untuk membuat judul tabel yang akan muncul diatas tabel, bisa juga ditempatkan sesuai keinginan.

<tr></tr> artinya table-row, kode ini untuk membuat kolom pada tabel.

<td></td> kode ini untuk membuat table-cell atau baris pada tabel.

<th></th> kode ini sama dengan td hanya saja konten yang dibuat akan berbentuk bold dan align centre, biasanya untuk header.

<thead></thead> untuk membuat header pada tabel, tempatkan kode ini pada row/cell yang ingin anda jadikan sebagai header.

<tbody></tbody> untuk menentukan body pada tabel yang sangat kompleks.

<tfoot></tfoot> untuk membuat footer pada tabel anda.

6. Kode HTML Untuk Menampilkan Media

Untuk menampilkan media seperti gambar dan video, gunakan kode berikut:

<img> Kode ini untuk menampilkan gambar pada halaman website.

<embed> Kode ini untuk menambah video / audio pada halaman website dan memungkinkan browser anda untuk memutar multimedia tersebut.

<script></script> digunakan untuk menambah script pada halaman website, biasanya javascript

7. Kode HTML Untuk Membuat List

List bisa dibuat dan diurutkan berdasarkan penomoran atau bisa juga secara random tanpa penomoran alias menggunakan bullet, untuk membuat list, silahkan menggunakan kode berikut:

<ol></ol>

Kode diatas untuk membuat list yang berurutan menggunakan penomoran seperti 1,2,3,dst atau I,II,III,dst.

<li> gunakan kode ini diawal setiap item pada list yang anda buat.

<ul></ul>

Kode diatas digunakan untuk membuat list tanpa penomoran secara berurutan namun menggunakan bullet.

<li> gunakan kode ini diawal setiap item pada list yang anda buat.

8. Kode HTML Untuk Menampilkan Hyperlink

<a></a>

Kode diatas digunakan untuk menampilkan hyperlink pada halaman website.

Kesimpulan

Kode dasar pada HTML ternyata mudah unutk difahami dan penggunaannya standar, bisa anda gunakan pada file HTML apa saja, dengan memahami kode HTML anda dapat mempermudah pekerjaan dan menghemat biaya serta mengurangi penggunaan plugin.