BLANTERORIONv101

Dasar HTML Part 2 : Membuat File Dokumen HTML

12 Juni 2022
Membuat File Dokumen HTML

Dalam tutorial ini saya akan membahas tentang cara membuat file dokumen HTML atau membuat halaman web awal dengan sangat mudah. Untuk membuatnya kita perlu untuk menyiapkan dua hal yaitu :

  1. Text Editor
  2. Browser web

Perlu di ketahui File HTML hanyalah sebuah file teks yang disimpan dengan ekstensi .html

Oke jika sudah menyiapkan dua hal diatas, maka mari kita mulai untuk membuat halaman HTML.

Langkah 1. Membuat file HTML

Buka Text Editor yang anda gunakan, kemudian buat file baru dengan nama index dan ektensi .html contoh index.html ( Anda bebas untuk menentukan nama file tersebut). Simpanlah pada folder baru dengan nama Latihan1HTML.

Tips: Saya menyarankan anda untuk menngunakan Text Editor Sublime Text atau Visual Studio Code. Dengan menggunakan salah satu Text Editor tersebut maka anda akan di mudahkan dalam membuat baris code.

Langkah 2. Ketik berapa Code atau baris HTML

Pada langkah ini Anda akan mengetik code atau baris html pertama anda seperti dibawah ini :

<!DOCTYPE html>
<html lang="id">
<head>
    <title>Halaman HTML Pertama saya</title>
</head>
<body>
    <p>Hello World!<p>
</body>
</html>
Membuat File Dokumen HTML
Gambar 1. Output code Langkah 2.

Penjelasan code :

Jika hanya copy dan paste kodingan di atas tanpa mengetahui apa arti dari baris-baris code tersebut, maka itu hanyalah percuma. Oleh karena itu mari kita cari tahu tentang baris-baris code tersebut.

  • Baris pertama <!DOCTYPE html> adalah deklarasi tipe dokumen. Ini menginstruksikan pada broswer bahwa dokumen ini adalah HTML5.
  • Elemen <head> adalah wadah untuk tag yang memerikan informasi tentang dokumen tersebut. seperti contohnya <title> tag yang mendefinisikan judul dokumen atau halaman web.
  • Elemen <body> adalah wadah untuk menampung konten seperti (paragraf, tautan, video, gambar, tabel dan lainnya) yang di tampilkan di browser web pada setiap pengguna.

Langkah 3. Simpan

Sekarang silahkan Anda simpan file tersebut dan untuk membukanya silahkan klik dua kali pada file index.html maka akan secara otomatis membuka file tersebut pada default browser Anda.

Masih banyak penjelasan dan tutorial tentang HTML yang perlu Anda ketahui, oleh karena itu simaklah tutorial selanjutnya tentang Elemen HTML.

Komentar