Belajar Pengenalan Html

Pengenalan HTML

Apa itu sih itu HTML? hmm mungkin buat yang penasaran mari kita bahas pada materi kali ini.
langsung saja kita mulai.

HyperText Markup Language (HTML) merupakan sebuah bahasa (pemrograman web) berupa tag (tanda atau label) yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam browser web. Jadi  dapat diartikan juga sebagai 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). Kata markup dapat diartikan sebagai tag (tanda atau label) dalam dokumen teks yang menunjukkan hubungan dengan teks lain.

HTML bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language) HTML berupa kode atau tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer atau browser web Chome/Chromium. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

  Aturan Dokumen HTML Sebuah halaman HTML pada prinsipnya terdiri dari empat konsep dasar, yaitu:

•  Elements 

Seluruh halaman yang ditampilkan pada sebuah browser pada dasarnya dibangun dari banyak elements (elemen) atau bagian-bagian kecil. Perhatikan contoh gambar halaman web di bawah ini.

Dari gambar tersebut, halaman yang ditampilkan berupa susunan dari teks dan gambar, seperti contoh diatas merupakan sebuah halaman google yang terdiri dari susunan teks maupun gambar yang ada. Namun untuk dapat menghasilkan tampilan halaman web, dibutuhkan bagian-bagian atau elemen yang bekerja manampilkan isi sesuai keinginan. Sebagai contoh, untuk dapat menampilkan teks dengan ukuran yang besar dibutuhkan sebuah elemen <h1> teks </h1>.  

• Penulisan Tags

Sebagai bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa sih fungsi sebuah teks? Apakah teks itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Jadi dalam HTML, tanda ini dikenal sebagai tag.

• Atribut dan Nilai

Atribut adalah hal penting lainnya dalam HTML. Atribut ini digunakan untuk mendefinisikan karakteristik suatu elemen. Contoh penggunaan atribut adalah untuk menentukan tinggi sebuah gambar, ukuran dan jenis huruf yang digunakan, warna untuk latar belakang halaman dan masih banyak lagi. Sedangkan nilai adalah isi dari atribut itu sendiri.

Penulisan nilai atribut dalam HTML dapat berupa apa saja, bisa berupa sebuah bilangan, kata atau kombinasi keduanya berupa alamat situs atau sebuah path, tergantung jenis atribut yang akan digunakan atau yang dikenali oleh elemen itu sendiri. Atribut biasanya memiliki 2 bagian yaitu nama dan nilai, dapat ditulis name="value". Penulisan nilai/value diapit oleh dua tanda kutip (bisa digunakan kutip satu atau kutip dua). 

Sedangkan penulisan bilangan untuk atribut yang berhubungan dengan tinggi dan lebar suatu elemen memiliki pengertian satuan dalam pixel. Bila bilangan tersebut diikuti dengan tanda persen (%) maka dimensi yang dihasilkan memiliki ukuran relatif terhadap ukuran layar monitor. 

• Pengelompokan

Pengelompokan atau nesting berarti bahwa penulisan tags sebuah elemen dengan elemen lainnya tidak boleh tercerai berai, dengan kata lain harus tersusun urut sesuai dengan posisi elemen tersebut.

 Misalkan sebuah halaman web terdiri elemen A, B dan C. Element C adalah isi elemen B, dan elemen B adalah bagian dari A, maka penulisan tags untuk elements tersebut adalah sebagai berikut: 

<A> <B> <C> </C> </B> </A> Atau 

<A>   

       <B>    

            <C>   

              </C>  

        </B> 

</A> 

Penulisan tags yang tidak beraturan susunannya akan menyebabkan ketidakberaturan hasil halaman web yang ditampilkan.