Diskon kelas baru hingga 25%! Masukkan kupon "lebihcepat" di kelas ini

X
Logo Koala Skodev mengetik

Skodev

Belajar coding dalam bahasa Indonesia

CARA CODING HTML

Pelajari cara coding HTML yang sederhana dan mudah dipahami untuk pemula. Panduan langkah demi langkah ini membantu kamu memahami dasar-dasar HTML.

Daftar Isi:

Pendahuluan HTML
Memulai Coding HTML
Menulis Kode HTML
Mengakhiri Kode HTML

Cara Coding HTML

HTML merupakan bahasa pemrograman yang paling dasar dalam dunia web. Mempelajari HTML dapat menjadi langkah pertama yang sangat baik bagi kamu yang baru ingin memulai perjalanan di dunia programming. Artikel ini akan memandu kamu secara sederhana dan mudah dipahami mengenai bagaimana melakukan coding HTML.

Pendahuluan HTML

HTML atau Hypertext Markup Language adalah bahasa markup standar untuk dokumen yang dirancang untuk ditampilkan di browser web. HTML dapat membantu kamu untuk membuat dan merancang konten web seperti teks, gambar, dan lainnya.

Memulai Coding HTML

Siapkan Text Editor

Sebelum kamu mulai coding, pertama-tama kamu perlu mempersiapkan text editor seperti Sublime Text, Notepad++, Atom, dan lainnya. Text editor ini akan membantu kamu menulis dan mengedit kode HTML.

Membuat Dokumen HTML Baru

Setelah text editor siap, kamu bisa mulai membuat dokumen baru dengan ekstensi .html. Misalnya, kamu bisa membuat dokumen dengan nama “index.html”.

Struktur Dasar HTML

Dalam penulisan kode HTML, ada beberapa tag dasar yang harus kamu ketahui yaitu:

  • <html>: Tag ini menandakan bahwa kode tersebut adalah HTML.
  • <head>: Bagian ini berisi informasi tentang halaman web seperti judul halaman.
  • <title>: Digunakan untuk memberikan judul pada halaman web.
  • <body>: Bagian ini berisi konten utama dari halaman web seperti teks, gambar, video, dan lainnya.

Berikut contoh sederhana dari struktur kode HTML:

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Konten Halaman
</body>
</html>

Membuat Heading dan Paragraf

Dalam HTML, kamu dapat membuat heading dan paragraf dengan menggunakan beberapa tag berikut:

  • <h1> sampai <h6>: Digunakan untuk membuat heading dengan ukuran yang berbeda-beda. <h1> adalah tag untuk heading dengan ukuran terbesar, dan <h6> dengan ukuran terkecil.
  • <p>: Digunakan untuk membuat paragraf.

Berikut contoh penulisannya:

<h1>Judul Artikel</h1>
<p>Ini adalah isi dari paragraf. </p>

Mengakhiri Kode HTML

Setelah kamu selesai dengan penulisan kode HTML, jangan lupa untuk selalu menutup tag HTML kamu dengan benar. Penutupan tag biasanya serupa dengan tag pembuka, tapi ada tambahan slash (/) di depannya. Misalnya </html>, </head>, dan </body>.

Memahami dan menguasai HTML memang membutuhkan waktu dan praktek yang banyak. Namun, dengan kesabaran dan tekad, kamu pasti bisa. Selamat mencoba dan semoga sukses!

cover kelas Kelas membuat website dengan HTML dan CSS
Kelas membuat website dengan HTML dan CSS

belajar membuat website kamu dari nol. Cocok untuk pemula

Lihat Kelas

Daftar newsletter skodev masukkan emailmu untuk dapat informasi menarik dari dunia koding