HTML (Hyper Text Markup Language) merupakan sebuah bahasa pemrograman yang digunakan untuk membuat halaman website.
Bahasa HTML adalah pondasi dasar untuk membuat sebuah website. Mari kita belajar tag dasar pada HTML.
Struktur standar pada HTML adalah sebagai berikut:
HTML Code:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Belajar HTML</title>
</head>
<body>
</body>
</html>
DOCTYPE
HTML Code:
<!DOCTYPE html>
Code HTML diatas merupakan suatu deklarasi untuk memberitahukan kepada browser jenis dan versi HTML yang digunakan. Pada baris kode diatas kita menggunakan jenis dan versi untuk HTML 5 yang saat ini sudah terbilang paling modern.
HTML Code:
<html lang=”en”>
Baris diatas merupakan kode untuk memberitahukan kepada browser bahwa konten yang terkandung dalam web nantinya adalah bahasa Inggris (en = English). Berikut sebagian referensi kode lang tiap negara:
HTML Code:
<html lang=”en”> <!– English –>
<html lang=”id”> <!– Indonesian –>
<html lang=”ar”> <!– Arabic –>
<html lang=”fr”> <!– French –>
<html lang=”it”> <!– Italian –>
<html lang=”de”> <!– German –>
HEAD
HTML Code:
<head>
</head>
Baris diatas merupakan baris kode untuk menampilkan judul pada browser dan memuat tag META yang biasanya digunakan untuk menentukan informasi pada suatu dokumen HTML. Baris tersebut merupakan baris yang SANGAT PENTING dan harus ada disetiap halaman website.
META
HTML Code:
<meta charset=”UTF-8″>
Baris yang memberitahukan kepada browser untuk mengizinkan bahwa konten yang kamu tuliskan pada website berupa teks dan simbol (Unicode).
TITLE
HTML Code:
<title>Belajar HTML</title>
Baris penting diatas merupakan judul pada suatu halaman website. Baris tersebut harus ada pada setiap halaman website.
BODY
HTML Code:
<body>
</body>
Baris yang berisi konten pada website, seperti Heading, Div, Image, Footer dan sebagainya.
TAG-TAG LAIN :
| Tag html | Fungsi html |
| <html>…</html> | Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML |
| <head>…</head> | Kepala dari dokumen HTML |
| <body>…</body> | Tag untuk menampilkan isi dokumen HTML |
| <title>…</title> | Judul dari dokumen HTML yang ditampilkan pada judul jendela browser |
| <br> | Tag untuk ganti baris |
| <p>…</p> | Membuat paragraf |
| <h1>…</h1> | Header 1, untuk judul sebuah web |
| <h2>…<h2> | Header 2, sub judul sebuah web |
| <h3>…</h3> | Header 3, sub judul sebuah web |
| <h4>…</h4> | Header 4, sub judul sebuah web |
| <h5>…</h5> | Header 5, sub judul sebuah web |
| <h6>…</h6> | Header 6, sub judul sebuah web |
| <b>…<b> | Bold, tag html yang berfungsi untuk mempertebal teks |
| <i>…<i> | Italic, tag html yang berfungsi untuk membuat tampilan teks tercetak miring |
| <u>…</u> | Underline, tag html yang berfungsi untuk membuat tampilan teks tercetak garis bawah |
| <pre>…<pre> | Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor |
| <center>…</center> | Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah |
| <font>…</font> | Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf |
| <hr> | Tag html berfungsi untuk membuat suatu garis horizontal |
| <ol>…</ol> | Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka, huruf atau angka romawi. |
| <ul>…</ul> | Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet) |
| <li>…</li> | List Item, tag yang berada di elemen OL dan UL yang berbentuk list |
| <table>…</table> | Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan kolom |
| <caption>…</caption> | Tag yang berfungsi untuk membuat judul dari tabel |
| <tr>…</tr> | Table Row, mendefiniskan baris pada tabel, dan tag ini harus ada dalam tag TABLE |
| <td>…<td> | Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data |
| <img> | Tag html untuk menampilkan gambar |
| <a>…</a> | Tag html yang berfungsi untuk menghubungkan ke internal atau eksternal halaman web |
| <form>…</form> | Tag html berfungsi untuk mendefiniskan form interaktif |
| <input>…</input> | Tag html berfungsi untuk mendefinisikan input yang akan dimasukkan oleh pengguna |
| <select>…</select> | Tag html berfungsi untuk mendefinisikan opsi pilihan pada form kontrol |
| <option>…</option> | Tag hml berfungsi untuk mendefinisikan opsi pilihan pada menu SELECT |
| <textarea>…</textarea> | Tag html berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris |
| <frameset>…</frameset> | Tag html berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian |
| <frame>…</frame> | Tag html yang berfungsi untuk mendefiniskan from yang terdapat dalam frameset |
