Tutorial HTML untuk Pemula
HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi pelengkapnya, yakni CSS dan Javascript.
CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan web. Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.
Stuktur Dasar HTML
Struktur dasar kode HTML terdiri dari tiga bagian penting :
1. Bagian Deklarasi <!DOCTYPE html>
Ini adalah tag deklarasi untuk menyatakan tipe dokumen dan versinya.
Berikutnya, di bawah tag deklarasi <!DOCTYPE html> terdapat tag pembuka untuk HTML:
<html lang="en">
Tag <html> wajib ada di setiap dokumen HTML..
Pada tag ini, kita memberikan atribut lang="en" untuk menyatakan kalau konten dokumen HTML ini akan menggunakan bahasa inggris.
Nah di dalam tag <html> ini, terdapat dua tag penting lagi.. yakni: tag <head> dan tag <body>.
Setelah itu barulah terakhir tag HTML ditutup dengan </html>.
Bagian HEAD
Bagian BODY
.png)
.png)
Web Browser untuk Membuka HTML :
Ini adalah tag deklarasi untuk menyatakan tipe dokumen dan versinya.
Berikutnya, di bawah tag deklarasi <!DOCTYPE html> terdapat tag pembuka untuk HTML:
<html lang="en">
Tag <html> wajib ada di setiap dokumen HTML..
Pada tag ini, kita memberikan atribut lang="en" untuk menyatakan kalau konten dokumen HTML ini akan menggunakan bahasa inggris.
Nah di dalam tag <html> ini, terdapat dua tag penting lagi.. yakni: tag <head> dan tag <body>.
Setelah itu barulah terakhir tag HTML ditutup dengan </html>.
Bagian HEAD
Bagian BODY
Peralatan yang Digunakan
Aplikasi Teks Editor :
Teks editor akan kita gunakan untuk menulis kode-kode HTML. Aplikasi Editor berupa Notepad, Notepad++, Microsof Visual Studio, dan masih banyak lainnya. Namun, kali ini.. kita akan menggunakan teks editor Visual Studio Code.
.png)
.png)
Web Browser untuk Membuka HTML :
Web browser akan kita gunakan untuk membuka HTML. Untuk aplikasi web browser, kita bebas untuk menggunakan web browser apapapun..png)
.png)
1. Membuat Dokumen HTML
Buka teks editor (Notepad/Visual Code). Lalu ketiklah kode berikut :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar HTML #01</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
Lalu Save dengan format HTML
Buka file menggunakan web browser maka hasilnya akan seperti ini :
2. Contoh Dokumen HTML Buatan Sendiri
<!DOCTYPE html>
<html lang="en">
<head>
<title>Belajar Membuat HTML</title>
</head>
<body>
<p>Hello Gaisss</p>
<p>Ayo belajar bersama HTML dengan menggunakan website
Petani Kode yang ada di Chrome anda
</p>
</body>
</html>
Ketika file dibuka, maka hasilnya :
Komentar
Posting Komentar