Mengenal Struktur HTML #2

Halo Sobat setia NetijenShare jika di pertemuan sebelumnnya kita membahas HTML berserta pengertian dan yang menciptakannya kali kita akan memepelajari struktur HTML nya jadi disini kita akan membahas Struktur HTML dari satu persatu sebelum membahas apa kalian tahu struktur HTML struktur HTML itu terdiri dari head,body,title dan berikut adalah struktur HTML sekaligus kita akan menggunakan HTML di aplikasi sublime text:

1.buka sublime text

2.pilih new file lalau namai dengan index.html lalu tekan enter

3. Setelah itu ketikkan seperti ini:

Setelah mengetikkan Seperti itu Kita mulai membahas satu persatu dari yang atas :

1.DOCTYPE (Document Type Declaration) Berfungsi untuk memberitahu kepada browser bahwa yang akan ditampilkan adalah HTML Jika tidak ditulis maka browser akan menampilkan web seperti biasanya dalam arti tidak terjadi apa-apa

2.tag HTML ini adalah tag pembuka dari keseluruhan web yang berarti tag-tag seperti head,tittle,body itu harus ada didalam tag HTML

3.tag Head tag ini berfungsi untuk menandakan bahwa tag ini ada dibagian paling atas tag head ini biasanya didalamnya ada tag title tag title ini berfungsi untuk memberikan judul pada halaman web kita

4.tag Body ini berfungsi untuk membuat tampilan dihalaman web yang berisi semua elemen untuk yang akan tampil di web

Nah sudah tau kan pengertian dari semua tag selanjutnya kita akan mencoba menampilkan tulisan dan judul di halaman web kita tuliskan Script di file yang kita tadi buat berikut di kode editor anda masing-masing

setelah kalian mengetik silakan kalian tekan Ctrl->S yaitu untuk menyimpan perubahan yang telah anda lakukan lalu klik kanan lalu pilih Open in browser untuk melihat hasil dari yang anda rubah tadi….

Maka akan tampil seperti ini kalian tahu tidak? kenapa tulisan hello world ! semakin kebawah semakin kecil karena kita tadi didalam tag body menggunakan tag heading/h tag h ini jika angka nya bertambah maka huruf yang ditampilkan akan semakin kecil.

Sekian untuk tutorial berikut ini semoga berguna untuk kalian semua

Terimakasih…………..

 

 


You May Also Like

About the Author: Rudi B

Leave a Reply

Your email address will not be published. Required fields are marked *