Tutorial HTML - Dasar Tag HTML
Untuk membuat file html, hal awal yang harus dilalukan adalah membuat file dengan extensi file ".html". Jadi sebelum kita mulai untuk menulis baris kode html, kita harus menyimpan file tersebut dengan extensi file ".html". Jadi supaya di biasakan sebelum menulis baris kode kita simpan dulu dengan extensi file ".html".
1. Element
Elemen HTMl biasanya terdiri dari tag pembuka dan tag penutup, walaupun tidak semua tag harus ada tagpembuka dan tagpenutup, dan kontenya disisipkan di tengahnya :
Dibiasakan dan jangan lupa, ketika kita menulis tag pembuka kita harus menulis tag penutupnya. Karna akan erorr jika dari tagpembuka dan tagpenutup ada yang salah dalam penulisanya.
<namatag> isi konten </namatag>
atau
<tagpembuka> isi konten </tagpenutup>
Semua dokumen atau file html harus di mulai dengan mendeklarasikan tipe dokumen <!DOCTYPE html> tag ini juga untuk mendeklarasikan bahwa ini adalah HTML5. Kemudian diikuti dengan tag html pembuka <html>, dan tag html penutup </html>. Dan di dalam nya kita buat 2 tag lagi. yaitu tag <head> dan tag <body>, tentunya ada tag pembuka dan tag penutup. Kemudian dengan tambahan tag <title> di dalam tag <head>.atau
<tagpembuka> isi konten </tagpenutup>
<!DOCTYPE html>
<html>
<head>
<title>Website Pertama Saya</title>
<head>
<body>
</body>
</html>
Penjelasan bari kode diatas :
- <!DOCTYPE html> : Mendeklarasikan atau mengartikan HTML 5
- <html> : Tag yang memuat semua kode HTML-nya
- <head> : Tag yang berisi semua info website
- <body> : Tag yang berisi semua kode tampilan website
Jika ingin menampilkan sesuatu di Halaman Website kita bisa memakai tag <h1>
<h1>Hallo ini adalah website pertama saya</h1> menjadi seperti ini :
<!DOCTYPE html>
<html>
<head>
<title>Website Pertama Saya</title>
<head>
<body>
<h1>Hallo ini adalah website pertama saya</h1>
</body>
</html>2. Attribut
Attribut dalam HTML adalah sebuah informasi tambahan yang ada pada Element HTML, informasi yang ada bisa berupa apa saja, misalnya informasi sebuah link, warna teks, warna background, letak, title dan lainya.
Dan Attribut pada HTML memiliki beberapa sifat atau perilaku, diantaranya :
1. Semua Element pada HTML dapat memiliki Attribut
2. Memberikan informasi tambahan tentang suatu elemen
3. Atribut selalu ditulis pada tag awal
4. Memiliki Name dan Value ( nama dan nilai )
<p style="color:red">Ini adalah sebuah paragraf</p> Jadi ini adalah dasar dari sebuah tag yang ada pada bahasa pemograman HTML. Sampai saat ini masih sangat simple, kita hanya menulis beberpa tag.
Okey, Sekian dan Enjooyy!
