Belajar HTML Dasar

HTML5 - belajar html dasar

HTML merupakan singkatan dari Hyper Text Markup Language yang berarti sebuah bahasa yang digunakan dalam membangun sebuah web, html adalah kerangka sebuah website jadi tanpa html website tidak akan dapat dibuat, dokumen html mempunyai ekstensi atau akhiran .html, .htm dan .xhtml, namun yang sering digunakan adalah ekstensi .html dengan nama default-nya yaitu index.html, file ini hanya berjalan pada sisi klien atau cuma pada browser web seperti Mozilla Firefox, Google Chrome, Opera Browser, Microsoft Edge/IE, Apple Safari, Maxthon, dan browser lainnya. Html dapat ditulis dengan menggunakan perangkat pengolahan kata biasa seperti Notepad++, Bracket, Atom, Sublime Text, Komodo Edit, dan lain-lain serta disimpan dalam format ASCII normal dengan nama dan format index.html.

Sejarah HTML

Berawal dari sebuah bahasa yang umum digunakan untuk percetakan dan penerbitan yaitu bahasa SGML singkatan dari Standard Generalized Markup Language, Html adalah sebuah bahasa standar Internet yang dikendalikan semua permasalahan oleh W3C (World Wide Web Consortium). Html adalah bahasa yang dibuat oleh kolaborasi antara Caillau TIM dengan Berners-lee Robert ketika waktu mereka masih bekerja di perusahaan CERN (1989). Untuk lebih jelas bisa baca wikipedia.

Penggunaan HTML

Cara menggunakan html sangatlah mudah tinggal anda install dulu perangkat pengolahan kata biasa beserta dengan browser kemudian buka perangkat lunak tersebut kemudian tulis sintaks/tag html yang paling dasar kemudian simpan dengan nama index.html kemudian jalankan index.html dengan browser (bisa double klik atau open with browser) dan lihat hasilnya.

Hasil dari html tidaklah keren karena html merupakan kerangka biasa dan hasilnya seperti kita menulis teks biasa pada perangkat pengolahan kata untuk teks biasa namun jika dipadukan dengan CSS dan JavaScript, hasil html barulah berbentuk keren dan profesional, css merupakan bahasa yang tidak bisa berdiri sendiri karena memiliki ketergantungan permanen kepada html, berbeda halnya dengan javascript walaupun juga memiliki ketergantungan kepada html namun sangatlah kecil presentasinya karena javascript bisa membuat tag html, efek, aksi dan bahkan penyimpanan atau pengolahan data.

Penulisan HTML

Dalam menulis html berbeda dengan menulis teks biasa karena setiap tag memiliki pembuka dan penutup seperti tag pembuka paragraf <p> dan penutupnya </p>, namun ada juga tag yang tidak memiliki pembuka dan penutup seperti <img />, <br />, <hr />, <input />, <link /> dan lain-lain. Bentuk yang paling dasar dan wajib ada dalam setiap dokumen html/web adalah seperti dibawah ini.

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Dokumen HTML Pertama</title>
</head>
<body>
    <p>Selamat Datang dunia!</p>
</body>
</html>

Tag HTML

Tag html adalah tag yang merupakan sebagai deklarasi yang menyatakan bahwa dokumen tersebut merupakan dokumen html dengan adanya penanda yang menyatakan bahwa dokumen tersebut adalah dokumen html5 yaitu <!DOCTYPE html>.

Tag Head, Meta, Title

Tag head adalah tag untuk kepala halaman atau dengan kata lain tag untuk mengontrol tampilan baik gaya pewarnaan atau yang lainnya serta juga terdapat style css dan javascriptm, sedangkan tag meta adalah tag yang menyatakan format teks yang digunakan pada dokumen html tersebut beserta dengan meta keyword, description, author dan lain-lain, sedangkan tag title adalah tag untuk menampilkan judul halaman pada tab bar browser dan judul website pada mesin pencarian (Google, Yahoo, Bing, Yandex).

Tag Body, Tag P

Tag body adalah tag yang berisi konten dan bentuk konten yang akan ditampilkan kedalam browser sedangkan tag p adalah tag paragraf yang digunakan untuk menulis teks kedalam dokumen html. Sekian tutorial kali ini semoga bermanfaat.