Assalamu'alaikum warahmatullaahi wabarakatuh.
Artikel ini merupakan seri pertama dari Seri Belajar HTML BatWeber.
A. APA ITU HTML?
- HTML merupakan singkatan dari HyperText Markup Language.
- HTML adalah sebuah bahasa markah (markup language) yang digunakan untuk membuat halaman web.
- HTML menggunakan pemformatan hypertext sederhana yang ditulis dalam berkas format ASCII.
- Bahasa markah adalah sekumpulan tag markah (tag dengan tanda khusus).
- Sebuah dokumen HTML dibangun dari tag-tag HTML
- Setiap tag digunakan untuk setiap konten yang berbeda
B. TAG HTML
Telah disinggung bahwa sebuah dokumen HTML dibangun dari tag-tag HTML.
Bentuk umum dari tag HTML adalah :
<namatag>konten</namatag>
- Pada umumnya tag HTML terdiri dari dua tag yang mengapit konten : <namatag>konten</namatag>.
- Tag pertama merupakan tag pembuka, dan tag kedua adalah tag penutup.
- Tag pembuka dibuat di dalam kurung sudut : <namatag>. Tag penutup di buat di dalam kurung sudut dengan tanda slash atau garis miring setelah kurung pembuka : </namatag>
C. STRUKTUR DASAR HTML
Berikut merupakan struktur dasar sebuah dokumen HTML :
 |
| Struktur dasar HTML Sumber : www.w3schools.com |
Untuk mencobanya silahkan Anda ketik script di bawah dengan menggunakan aplikasi notepad :
<!DOCTYPE html> <html> <head> <title>Judul laman</title> </head> <body> <h1>
Judul</h1> <p>
Paragraf</p> </body> </html>
Setelah itu simpan dengan nama tes.html atau tes.htm kemudian jalankan file tersebut pada web browser yang Anda miliki, misal Mozilla Firefox atau Google Chrome. Maka akan nampak seperti berikut :
 |
| Tampilan pada web browser |
Penjelasan :
- Sebuah dokumen html diapit di antara tag pembuka <html> dan tag penutup </html>
- Bagian pertama adalah bagian head, yang diapit oleh tag <head> dan </head>. Bagian ini merupakan informasi dari dokumen yang diproses di belakang layar dan tidak akan ditampilkan pada laman web browser.
- Bagian kedua adalah bagian body yang diapit oleh tag <body> dan </body>, Bagian ini merupakan bagian yang akan ditampilkan pada web browser.
Selain struktur dasar di atas, terdapat tag <!DOCTYPE>
Tag ini berfungsi untuk mendeklarasikan type dan versi dari dokumen HTML yang kita tulis. Dengan begitu web browser akan bisa menerjemahkan script kita secara tepat sesuai dengan tipe dan versi HTML yang kita inginkan.
Terdapat beberapa deklarasi yang biasa digunakan :
- HTML 5 : <!DOCTYPE html>
- HTML 4.01 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML 1.0 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Dari tiga deklarasi di atas yang paling sering digunakan saat ini adalah yang pertama, yaitu HTML 5. Selain memang penulisannya jauh lebih mudah, deklarasi ini merupakan deklarasi untuk versi terbaru HTML yaitu HTML 5.
E. VERSI-VERSI HTML
Berikut merupakan versi-versi HTML
Demikian tentang Pengenalan dan Teori Dasar HTML, semoga bermanfaat. Untuk lebih jelasnya kami juga telah menyediakan tutorial versi video yang bisa langsung Anda lihat di bawah artikel ini, Terima kasih,
Wassalamu'alaikum warahmatullaahi wabarakatuh
Berikut merupakan versi-versi HTML
 |
| Versi-versi HTML Sumb er : w3schools.com |
Demikian tentang Pengenalan dan Teori Dasar HTML, semoga bermanfaat. Untuk lebih jelasnya kami juga telah menyediakan tutorial versi video yang bisa langsung Anda lihat di bawah artikel ini, Terima kasih,
Wassalamu'alaikum warahmatullaahi wabarakatuh
0 komentar:
Post a Comment
Terima kasih atas kunjungannya, semoga artikel ini bermanfaat. Silahkan berikan komentar Anda.