Belajar HTML BAB 2 : Dasar Struktur Dokumentasi pada HTML | _MisterNotFound_ Official Blog
 


Assalamualaikum. 
Oke gausah basa basi lagi, langsung saja simak :




Ayat 1 : Penggunaan Tag <html>

Meskipun bermacam versi HTML telah dirilis bertahun tahun,penggunaan HTML dasar tetaplah sama.

Struktur pada sebuah dokumen HTML digambarkan dengan sebuah Roti lapis/Sandwich.
Pada sebuah Sandwich memiliki dua selai roti. Selai roti diatas merupakan Selai roti pembuka dan Selai roti yang bawah merupakan selai roti penutup.

Ya.. 
Begitupun dengan Bahasa HTML yang menggunakan Tag pembuka dan Tag penutup. Pada Bab 1 ayat 1 telah dituliskan contoh dari Tag pada HTML, tapi disini akan dibahas dengan rinci

<html>Learning fun HTML Language with _MisterNotFound_</html>


Challenge 1 on Bab 2, Ayat 1 :


Kode Tag pembuka pada HTML yang menyelimuti segala aspek kode HTML adalah :
a. </html>
b. <br>
c. <head>
d. <html>

=====================================================

Ayat 2 : Penggunaan Tag <head>
 

Pernahkan kamu melihat kode tag ini dari sebuah berkas HTML? 

Yap, Sudah umum bahwa dokumen HTML terdapat Tag head yang mana berfungsi untuk memperkenalkan Tag head pembuka dan penutup. 



Tag head pada sebuah berkas HTML berisi semua elemen non-visual yang biasanya berguna untuk membuat Judul.

Contoh kode tag head :

<html>
  <head></head>
<html>

Challenge 1 on Bab 2, Ayat 2 :

<html>
  <head> Learning fun HTML Language with _MisterNotFound_ <....>
<....>


Kode Tag apa saja yang sesuai untuk menyempurnakan berkas HTML tersebut :
a. </head> </html>
b. </html> </head>
c. </head> <head>
d. </html> <html> 

=====================================================

Ayat 3 : Penggunaan Tag <body>


Tag body mengikuti Tag head
Di tag body  ini berisi semua konten elemen visual terstruktur. 
Seperti elemen Headings, Paragraphs, Lists, Images, Quotes, dan Links merupakan konten elemen visual terstruktur yang terdapat pada tag body .

Contoh kode tag body :

<html>
   <head></head>
   <body></body>
</html>
Challenge 1 on Bab 2, Ayat 3:

1. <head></head>
2. </body>
3. <html>
4. </html>
5. <body>

Susunlah kode tag tersebut menjadi kode tag yang benar :
a. 3-1-5-2-4
b.1-2-3-5-4
c. 5-4-3-2-1
d. 3-5-2-1-4


Intinya

Ayat 4 : Penggunaan Tag <title>


Untuk meletakkan judul pendeskripsian tab di halaman web, tambahkan Tag <title> seperti contoh di bawah :


<html>
   <head>
      <title>Fun learn HTML Language with _MisterNotFound_</title>
   </head>
   <body>Happy Learn HTML Language</body>
</html> 


Peletakan tag <title> harus berada di antara tag <head> dan tag </head> 

Pada contoh pemberian tag diatas, hasilnya akan seperti gambar dibawah ini :


Challenge 1 on Bab 2, Ayat 4 :
Dimanakah letak tag title :
a. Diantara tag <head> 
b. Diantara tag <body>
c. Sebelum tag <html>
d. Setelah tag <html> 



Sekian. Wassalamualaikum

Posting Komentar

 
Top