NIKEN PUTRI: November 2016

Hyper Text Markup Language (HTML) adalah sebuah bahasa standar yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII (American Standard Code for Information Interchange) agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML ( Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

1. Struktur dasar dokumen HTML:

Penjelasan:

Html : menyatakan pada browser bahwa dokumen web yang digunakan adalah HTML
Head : kepala dari dokumen HTML
Title : judul dari dokumen HTML yang ditampilkan pada judul jendela browser
Body : tag untuk menampilkan isi dokumen HTML

2. Basic Elemen HTML

<h1> </h1> : Digunakan untuk membuat judul/heading di dalam body. Tag ini memiliki nilai h1-h6.
<p> </p> : Digunakan untuk membuat teks berbentuk paragraf.
<li> </li> : Digunakan untuk mengelompokan data. Terdapat dua jenis list item diantaranya: <ol> </ol> : Untuk membuat daftar yang berurutan, contoh penulisan <ol type=”1”> <ul> </ul> : Untuk membuat daftar yang tidak berurutan, contoh penulisan <ul type=”disk”>

3. Performatan Teks dan Halaman

<br> : Digunakan untuk ganti baris.
<font size> <font face> <font color> </font> : Digunakan untuk membuat dan mengatur ukuran font, jenis font, dan warna font.
<i> </i> : Untuk mengubah tulisan teks menjadi miring (italic)
<b> </b> : Untuk mengubah tulisan teks menjadi tebal (bold)
<u> </u> : Untuk mengubah tulisan teks menjadi bergaris bawah (underline)
<hr> : Untuk membuat garis
<bgcolor> : Digunakan untuk menambahkan background warna.
<background> : Digunakan untuk menambahkan background image.

4. Komponen Gambar, Audio, dan Video

<img src=”nama gambar”> : Untuk menambahkan gambar
<embed src=”nama audio”> : Untuk menambahkan audio
<source src=”nama video”> : Untuk menambahkan video

5. Tabel

<table> </table> : Untuk membuat table, dengan tambahan border untuk memunculkan garis. Contoh penulisan: <table border="2">
<th> </th> : Untuk membuat kepala table
<tr> </tr> : Untuk membuat baris
<td> </td> : Untuk membuat kolom

Contoh tabel:

Sintak: