Belajar HTML Dasar Untuk Pemula - HTML atau sering disebut Hyper Text Markup Language adalah sebuah bahasa yang digunakan untuk membuat halaman web yang berfungsi untuk menampilkan berbagai informasi di internet. Dokumen html ini berisikan instruksi-instruksi berupa kode atau sering disebut dengan TAG. Tag ini sangat bermacam-macam, contohnya membuat teks tebal, miring, bergaris bawah, membuat tulisan besar, dan lain-lain.
Seorang ahli perancang web biasanya menggunakan aplikasi pihak ketiga untuk mempermudah dalam melakukan kegiatan coding dalam membangun sebuah web. Untuk kamu yang doyan gratisan, bisa coba aplikasi gratis ini dalam mempermudah belajar coding. Nama aplikasinya adalah NOTEPAD++, unduh di situs resminya DISINI
Sebuah dokumen html terdiri dari tag html pembuka, head, body, dan tag penutup html. Contohnya sebagai berikut :
Tag-tag dalam html selalu menggunakan tag pembuka (Contoh : <html>) untuk membuat sebuah fungsi. Dan tag penutup (Contoh : </html>) untuk mengakhiri sebuah fungsi tag dengan menambahkan simbol slash atau /.
Biasanya kalau cuma dikasih penjelasan itu kurang mudeng ya, hehe.. mendingan langsung di praktekin aja... :D
Buka aplikasi Notepad++ untuk membuat dokumen html. Untuk awal pembelajaran sebagai dasar belajar html, coba kamu salin kode dibawah ini kedalam Notepad++ :
<html>
<head>
<title>Computer Science : Belajar HTML Dasar</title>
</head>
<body>
<p>Selamat belajar html dasar..</p>
</body>
</html>
Kemudian kamu save dalam bentuk file blablabla.html ya.. Lihat gambar berikut :
Coba kamu buka file yang tadi telah disimpan menggunakan browser bawaan dan lihat hasilnya..
Kita bahas satu per satu fungsi dari masing-masing tag yang ada.
- <html>......</html> berfungsi untuk mengawali file bertipe html.
- <head>......</head> biasanya berisi tag title, meta tag, skrip, dan lain-lain.
- <title>......</title> berfungsi memberikan judul pada dokumen html.
- <body>......</body> merupakan tag yang memuat isi dari dokumen html
- <p>......</p> tag yang berfungsi untuk membuat sebuah paragraf / kalimat
Diposting Oleh : Rafly Firmansyah
ConversionConversion EmoticonEmoticon