Bahasa Markup HTML memiliki Struktur dalam peng-kodeannya. Awal dari setiap file HTML haruslah melakukan pendeklarasian <!Doctype HTML>.
Lalu diikuti tag <html> <head> dan <body>. Itu adalah Tag utama dalam sebuah HTML, harap tag tersebut anda ingat. Pastikan juga anda sudah membaca Belajar HTML : HTML Adalah ?
Daftar Isi
Apa itu tag ?
Tag adalah istilah kode dari html. Contoh tag adalah seperti : <html> ciri nya tentu saja bisa anda lihat diapit antara symbol < >.
Penulisan HTML
Dalam html kita menulis Tag, setiap tag yang kita tulis harus ditutup. Cara menutupnya adalah dengan menulis </tag>. Lihat contoh kode HTML Berikut :
__________________________________________________
__________________________________________________
<!Doctype html>
<html>
<html>
<head>
</head>
<body>
</body>
</html>
__________________________________________________
Kode diatas adalah struktur dari HTML setiap tag yang dibuka harus ditutup <html> dengan </html>, <head> dengan </head> dan <body> dengan </body>.
Membuat File HTML
Membuat file html sangatlah mudah, cukup ketik kode atau script di notepad atau text editor lain lalu simpan dengan berformat (.html), Perhatikan caranya :
1. Pertama adalah tentang mengetik isi dari file yaitu kode script
![]() |
Mengetik Script HTML |
2. Hal yang dilakukan selanjutnya adalah menyimpan file tersebut
![]() |
Menyimpan File HTML |
![]() |
Buka File HTML |
4. Kamu akan melihat hasil dari file html yang dibuka
![]() |
Hasilnya |
Mulai Latihan
Latihan 1 :
Ketiklah kode Berikut di Text editor dan jalankan di browser :
__________________________________________________
__________________________________________________
<!Doctype html>
<html>
<html>
<head>
<title> HTML </title>
</head>
<body>
<p>Belajar HTML : Bagian Bagian HTML</p>
</body>
</html>
__________________________________________________
Hasilnya adalah hanya Belajar HTML : Bagian Bagian HTML, yap itu adalah html yang sangat sederhana. Berikut Penjelasannya :
- Pembukaan <!Doctype html> diikuti <html>
- tag <title> untuk judul website yang harus berada dalam tag <head> </head>
- tag <body> adalah tempat kita menulis untuk ditampilkan di website.
- tag <p> untuk paragraf
___________________________________________________
- Pembukaan <!Doctype html> diikuti <html>
- tag <title> untuk judul website yang harus berada dalam tag <head> </head>
- tag <body> adalah tempat kita menulis untuk ditampilkan di website.
- tag <p> untuk paragraf
Latihan 2 :
Ayo coba lagi kode html berikut :___________________________________________________
<!Doctype html>
<html>
<html>
<head>
<title> HTML </title>
</head>
<body>
<h1>Belajar HTML : Bagian Bagian HTML<h1>
Belajar Html sangatlah mudah <br>
Tag br untuk berganti baris
</body>
</html>
__________________________________________________
Penjelasan :
Sama seperti sebelumnya hanya saja ada pergantian tag menjadi <h1> yaitu tag untuk judul, jika kamu mencobanya pasti text yang berada dalam h1 menjadi lebih besar dan tebal. Lalu ada tag <br> untuk berganti baris dalam menulis sebuah content website.
Baca Artikel Sebelumnya Di Belajar HTML : HTML Adalah ? #1
Demikian Artikel Tentang Belajar HTML : Bagian Bagian HTML #2
Lihat Juga Artikel Selanjutnya Belajar HTML : Tag Dasar HTML #3
__________________________________________________
![]() |
Hasil (2) |
Penjelasan :
Sama seperti sebelumnya hanya saja ada pergantian tag menjadi <h1> yaitu tag untuk judul, jika kamu mencobanya pasti text yang berada dalam h1 menjadi lebih besar dan tebal. Lalu ada tag <br> untuk berganti baris dalam menulis sebuah content website.
Baca Artikel Sebelumnya Di Belajar HTML : HTML Adalah ? #1
Demikian Artikel Tentang Belajar HTML : Bagian Bagian HTML #2
Lihat Juga Artikel Selanjutnya Belajar HTML : Tag Dasar HTML #3
Komentar
Posting Komentar