Belajar HTML5 Untuk Pemula Tutorial Step By Step (Newbie Detected!)

Sebelum kita lanjutkan ke materi inti sebaiknya anda harus tahu terlebih dahulu kenapa harus belajar HTML5 dan tidak HTML yang lain?. Jawaban singkatnya adalah karena HTML5 merupakan bahasa Markup selanjutnya yang akan menjadi standar dalam pembuatan website.
Dalam penjelasan agak panjang karena dokumen HTML5 lebih jelas, lebih mudah penulisan kodenya, lebih simple, dan lebih mudah dalam segalanya. Karena HTML5 merupakan penyempurnaan dari versi sebelumnya baik dari tingkat kerumitan kode, aksesibilitas, fitur, fungsionalitas, dsb.Teknologi website sudah berkembang dengan pesatnya, sebagian besar karena peningkatan kecepatan koneksi internet saat ini, disamping itu juga karena baik itu Pengguna, Desainer, Programmer semakin menuntut fungsionalitas website mereka. Seperti lebih tepatnya kontrol dalam penggunaan font dan layout, tampilan yang responsive menyesuaikan ukuran device yang berbeda beda dari layar Ponsel hingga ke Layar monitor ukuran paling besar.

Membuat Document Type HTML5

Dalam pembuatan halaman website, hal pertama kali yang harus kita tentukan adalah Document Type. Ketika membuat website dengan HTML5 baris pertama yang harus kita tulis adalah:

<!DOCTYPE html>

Kenapa kok pada baris pertama harus ditulis seperti itu? Sebaiknya anda jangan banyak bertanya karena penulisan seperti itu sudah merupakan standart dari pembuatnya (HTML5), yang perlu diingat adalah penulisan DOCTYPE wajib menggunakan huruf besar alias capital

Membuat HTML, Head, dan Body

Ibarat tubuh kita sendiri HTML merupakan rambut, Head adalah Kepala sedangkan Body adalah tubuh itu sendiri.
Dalam dokumen HTML bagian penting yang membentuk halaman website adalah tag <head></head> dan <body></body> . Pada tag <head> berisi title atau judul halaman website, selain itu juga berisi informasi tentang dokumen HTML yang tidak ditampilkan seperti misalnya tag <meta> (akan anda pelajari selanjutnya), dan juga bisa berisi kode javascript maupun css untuk mengatur tampilan halaman website.
Sedangkan pada tag <body>  adalah bagian yang berisi semua informasi yang ditampilkan pada halaman browser ketika anda membukanya.
Pada latihan ini anda akan membuat Template HTML5 yang bisa anda lagi nanti pada praktek selanjutnya.
1. Ambil Program Notepad kemudian ketikkan kode dibawah ini:

<!DOCTYPE html>

2. Tekan tombol Enter, dan ketikkan:

<html><head>

3. Tekan tombol  Enter  tiga kali atau lebih untuk membuat garis kosong, dan kemudian ketikkan:

</head><body>

4. Tekan tombol  Enter  tiga kali atau lebih untuk membuat garis kosong, dan kemudian ketikkan:
</body>
</html>

dan hasilnya seperti gambar dibawah ini:

Membuat Dokumen HTML5
Hasil penulisan dokumen HTML5 Anda
5. Simpan file dengan nama dan format html5.html .
Nah sekarang Anda sudah mempunyai template dasar untuk praktek pembuatan dokumen HTML5 selanjutnya. Untuk pertemuan kali ini kami cukupkan sampai disini dulu, pada materi selanjutnya Anda akan mempelajari pembuatan Paragraf dan Ganti Baris (Line Breaks).

Selanjutnya :
Membuat Paragraf dan Line Breaks

1 Comment

  1. share yang banyak dong supaya dpt ilmu hahaha

Leave a Reply

Your email address will not be published. Required fields are marked *