HTML5 #1 : Memulai Belajar Pemrograman dengan Mengenal HTML

Pada blog kali ini akan membahas tentang HTML5 bagaimana memulai belajar web pemrograman dengan mengenal HTML. HTML5 merupakan versi terbaru dari HTML. Untuk membuat sebuah program sebaiknya kita sudah beralih ke HTML5 yaa.. karena HTML5 menawarkan kemudahan dan perbaikan dari versi HTML sebelumnya.

A. Persiapan

Sebelum belajar HTML yang harus dipastikan adalah kamu sudah memiliki :

Web Browser : google chrome, mozilla firefox, safari, internet explorer dan lain lain. Kamu bebas menggunakan web browser mana saja yang tersedia di pc/laptop kamu.

Text editor : notepad, notepad++, sublime text, visual studio code dan lain lain. Sebagai pemula sebaiknya kamu memulai belajar website dengan memanfaatkan aplikasi notepad yang sudah terinstal di laptop/pc masing masing.

B. Mengenal Apa Itu HTML

HTML (Hyper Text Markup Language) merupakan struktur dasar untuk membangun sebuah website.  HTML juga sering disebut sebagai pondasi dari sebuah website yang berarti hampir setiap website memiliki dan mengandung struktur html.

C. Langkah Membuat Website menggunakan HTML

  • Ketik pada pencarian PC “notepad” kemudian buka.
  • Tuliskan pada notepad teks berikut

saya belajar html

  • Klik menu file<save untuk menyimpan file atau bisa menggunakan shortcut ctrl+s.
  • Beri nama file belajar.html
  • Kemudian buka file belajar.html menggunakan web browser. Maka akan tampil seperti gambar di bawah ini

D. Struktur Dasar File HTML

<!DOCTYPE html>
<html>
<head>
    <title>Judul Website</title>
</head>
<body>
    <h3>Saya Belajar HTML</h3>
</body>
</html>

E. Mengenal Tag-Tag dasar HTML beserta fungsinya

Yang dimaksud dengan tag html adalah <…> </…> yang memiliki fungsi yang berbeda-beda.

Berikut di tampilkan fungsi-fungsi dari tag html

NoNama TagKegunaan
1<!DOCTYPE html>Deklarasi untuk mengidentifikasi dokumen HTML
2<html>…….</html>Membuat dokumen HTML
3<head>……</head>Membuat judul halaman
4<body>……</body>Membuat bagian badan/ isi halaman
5<footer>……</footer>Membuat bagian kaki  halaman
6<h1>……</h1> sampai <h6>……</h6>Membuat heading , h1 merupakan heading terbesar dan h6 merupakan yang terkecil.
7<p>……</p>Membuat paragraf
8<small>……</small>Membuat teks kecil

Untuk mengenal dan mengetahui tag-tag yang ada pada HTML secara lengkap akan dibahas pada blog HTML5 series berikutnya.. Semoga tulisan ini bermanfaat yaa buat teman-teman Binerian.. Jika ada pertanyaan silahkan tulis di dalam kolom komentar.

Leave a Reply