Struktur kode html yang sering di gunakan terdiri dari beberapa bagian kode-kode diantaranya : Tag Doctype, Tag html, Tag Head dan Tag Body. File html biasanya selalu diawali dengan perintah<> dan diakhiri dengan </>, cara penulisan kode html “<html></html>”, sementara diantara <head> sampai </head> disisipkan tag description, keywords , link kode css dan title, sesuai karakter file tersebut, dan perintah - perintah html disisipkan diantara <body> dan </body>.
Struktur Tag dasar HTML :
1 Documen Type Definition (DFD/Doctype)
Tag
Doctype digunakan untuk menjelaskan versi HTML pada scrip yang dibuat. Letaknya
pada bagian paling atas.
contoh sintak :
<!doctype>
<!doctype>
2
HTML
Tag
html digunakan untuk membuka dan menutup dokumen HTML.
Sintak:
<html> </html>
<html> </html>
3
HEAD
Tag
head digunakan untuk penulisan keterangan dukumen HTML, isi yang ada diantara
tag ini tidak di tampilkan di halaman, namun akan mempengaruhi prilaku halaman website ada.
Contoh
Sintak HTML:
<head></head>
Tag yang ada diantara HEAD antara lain:
<head></head>
Tag yang ada diantara HEAD antara lain:
- Title tag ini digunakan untuk penulisan judul halaman , judul artikel, akan tampil ketika anda membuka halaman website di browser
<title>mengenal struktur dasar tag html</title>
- Perintah Meta untuk Description berfungsi untuk memberi keterangan tentang halaman web anda, biasanya tampil di mesin pencarian sebagai keterangan singkat
Contoh Sintak HTML:
<meta name="description" conten="Struktur HTML dasar">
<meta name="description" conten="Struktur HTML dasar">
- Perintah Meta untuk Keywords berfungsi sebagai kata kunci untuk halaman file HTML, kata kunci ini yang biasa diketik oleh pengunjung pada mesin pencarian (search) untuk menemukan halaman web.
Contoh Sintak HTML:
<meta name="Keywords " conten="Dasar Struktur HTML">
<meta name="Keywords " conten="Dasar Struktur HTML">
4
Body
Tag
body digunakan untuk menuliskan tag-tag yang akan menjadi konten blog.
Sintah HTML:
<body><div>Kode-kode html</div></body>
Atau struktur tag file HTML juga bisa seperti contoh dibawah ini dengan menghilangkan perintah META, dan tidak akan berpengaruh pada tampilan halaman.
conto kode
"
<!doctype html>
<html>
<head>
<meta name="description" content="Struktur HTML dasar">
<title>mengenal struktur dasar tag html</title>
<meta name="Keywords " content="Dasar Struktur HTML">
</head>
<body>
<div>Kode-kode html</div>
</body>
</html>
"
jika sudah sobat coba buka file nya di browser tersera yang penting bisa di aksess
http://localhost/latihanweb/dasar.html
dan hasilnya akan seperti ini
selamat sobat anda telah berhasil mempelajari nya
create: teroris08
<body><div>Kode-kode html</div></body>
Atau struktur tag file HTML juga bisa seperti contoh dibawah ini dengan menghilangkan perintah META, dan tidak akan berpengaruh pada tampilan halaman.
conto kode
"
<!doctype html>
<html>
<head>
<meta name="description" content="Struktur HTML dasar">
<title>mengenal struktur dasar tag html</title>
<meta name="Keywords " content="Dasar Struktur HTML">
</head>
<body>
<div>Kode-kode html</div>
</body>
</html>
"
jika sudah sobat coba buka file nya di browser tersera yang penting bisa di aksess
http://localhost/latihanweb/dasar.html
dan hasilnya akan seperti ini
selamat sobat anda telah berhasil mempelajari nya
create: teroris08
ConversionConversion EmoticonEmoticon