_MisterNotFound_ Official Blog: Learn HTML

Belajar HTML Bab 3 : Semua tentang HTML Basic

<div dir="ltr" style="text-align: left;" trbidi="on">
<u>Ayat 1 : PARAGRAF dengan elemen <p></u><br />
<br />
<br />
Untuk membuat paragraf, gunakanlah tag <b><span style="color: red;"><p></span></b> dengan tag pembuka dan tag penutup. <br />
<br />
<br />
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"><html></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">   <head></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">       <title></span></b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">Learning fun HTML Language with _MisterNotFound_</span><b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"><title></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">   </head></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">   <body></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">        <span style="color: red;"><p></span></span></b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">Happy Learn HTML Language</span><b><span style="color: red;"><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></p></span></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">        <span style="color: red;"><p></span></span></b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">Dont lazy, guys</span><b><span style="color: red;"><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></p> </span></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">   </body></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></html></span></b></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQbsM0v7vWgPWTyqL1F_Eu6YKYvX0vvOimnJWKkqFaX639CZ7JhwuyRlqqEzOuT_Zsb6CWeyzMgim_y38eIoJqk4k_3ahXbMG0waib7T1Rq1GD64-wuR8gXwoP74iNAlWyyq2X1UVp9s/s1600/belajar-html-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVQbsM0v7vWgPWTyqL1F_Eu6YKYvX0vvOimnJWKkqFaX639CZ7JhwuyRlqqEzOuT_Zsb6CWeyzMgim_y38eIoJqk4k_3ahXbMG0waib7T1Rq1GD64-wuR8gXwoP74iNAlWyyq2X1UVp9s/s640/belajar-html-2.png" width="640" /></a></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"><b>Challenge 1</b> on Bab 3, Ayat 1:  </span></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"><br /></span></div>
<div class="MsoNormal">
<br /><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">  <b><...></b>Happy Learn HTML Language<b></p></b></span><b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></b></div>
<div class="MsoNormal">
<b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">  <p></span></b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">Dont lazy, guys</span><b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"><...> </span></b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">Tag apa saja yang tepat untuk melengkapi berkas HTML diatas adalah :</span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">a. </p> <p></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">b. <body> </body></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">c. </title> <head></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<span style="color: red;"><b><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';">d. <p> </p></span></b></span><span style="font-family: Calibri; font-size: 10.5000pt; mso-bidi-font-family: 'Times New Roman'; mso-fareast-font-family: SimSun; mso-font-kerning: 1.0000pt; mso-spacerun: 'yes';"></span></div>
<div class="MsoNormal">
<br /></div>
</div>

Belajar HTML Bab 3 : Semua tentang HTML Basic

Ayat 1 : PARAGRAF dengan elemen <p> Untuk membuat paragraf, gunakanlah tag <p> dengan tag pembuka dan tag penutup. ...

Belajar HTML : Try Out Part 1

Belajar HTML : Try Out Part 1

1. Termasuk apakah HTML itu ? a. HyperText Library b. Markup Language c. Scripting Language d. Programming Language 2. Dim...

Belajar HTML BAB 2 : Dasar Struktur Dokumentasi pada HTML

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Assalamualaikum. </span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Oke gausah basa basi lagi, langsung saja simak : </span><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYn5itH8iTHDNwpM9UORtxtZhB47O-6it32cca2f6V3IH7peis8rRwhsnjItMC7hXy3KcN841WDSJQ9qnFi26OkVohf4cf2q4EIJt_XgLgYC-j9sHQ6irmGuPbhe668DazHGoObbtt0WY/s1600/STRUKTUR%252BDASAR%252BHTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYn5itH8iTHDNwpM9UORtxtZhB47O-6it32cca2f6V3IH7peis8rRwhsnjItMC7hXy3KcN841WDSJQ9qnFi26OkVohf4cf2q4EIJt_XgLgYC-j9sHQ6irmGuPbhe668DazHGoObbtt0WY/s640/STRUKTUR%252BDASAR%252BHTML.png" width="640" /></a></div>
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span>
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;">Ayat 1 : Penggunaan Tag <html></span></u><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Meskipun bermacam versi HTML telah dirilis bertahun tahun,penggunaan HTML dasar tetaplah sama.</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Struktur pada sebuah dokumen HTML digambarkan dengan sebuah Roti lapis/Sandwich.</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Pada sebuah Sandwich memiliki dua selai roti. Selai roti diatas merupakan Selai roti pembuka dan Selai roti yang bawah merupakan selai roti penutup.</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Ya.. </span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">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</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"><html></span></b><span style="color: #363636; font-family: "calibri";">Learning fun HTML Language with _MisterNotFound_</span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"></html></span></b></span></div>
<br />
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">Challenge 1</span></b><span style="color: #363636; font-family: "calibri";"> on Bab 2, Ayat 1 :</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Kode Tag pembuka pada HTML yang menyelimuti segala aspek kode HTML adalah :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">a. </html></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">b. <br></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">c. <head></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: red; font-family: "calibri"; font-weight: bold;">d. <html></span></b></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: red; font-family: "calibri";"><span style="color: black;">=====================================================</span></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: red; font-family: "calibri";"><span style="color: black;"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;">Ayat 2 : Penggunaan Tag <head></span></u><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: red; font-family: "calibri";"><span style="color: black;"> </span></span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"> </span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Pernahkan kamu melihat kode tag ini dari sebuah berkas HTML? </span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Yap, Sudah umum bahwa dokumen HTML terdapat Tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">head </span></b><span style="color: #363636; font-family: "calibri";">yang mana berfungsi untuk memperkenalkan Tag head pembuka dan penutup. </span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">head </span></b><span style="color: #363636; font-family: "calibri";">pada sebuah berkas HTML berisi semua elemen non-visual yang biasanya berguna untuk membuat Judul.</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Contoh kode tag head :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"><html></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">  </span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"><head></head></span></b><span style="font-family: "calibri";"></span></span></div>
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"><html></span></b></span></blockquote>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">Challenge 1</span></b><span style="color: #363636; font-family: "calibri";"> on Bab 2, Ayat 2 :</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><html></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">  <head> </span><span style="color: #363636; font-family: "calibri";">L</span><span style="color: #363636; font-family: "calibri";">earn</span><span style="color: #363636; font-family: "calibri";">ing fun</span><span style="color: #363636; font-family: "calibri";"> HTML Language with _MisterNotFound_ <....></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><....></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Kode Tag apa saja yang sesuai untuk menyempurnakan berkas HTML tersebut :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: red; font-family: "calibri"; font-weight: bold;">a. </head> </html></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">b. </html> </head></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">c. </head> <head></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">d. </html> <html> </span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: red; font-family: "calibri";"><span style="color: black;">=====================================================</span></span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<u><span style="color: #363636; font-family: "calibri"; font-size: 18.0000pt; text-decoration: underline;"><br /></span></u></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;">Ayat 3 : Penggunaan Tag <body></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;"><br /></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">body </span></b><span style="color: #363636; font-family: "calibri";">mengikuti Tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">head</span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Di tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">body </span></b><span style="color: #363636; font-family: "calibri";"> ini berisi semua konten elemen visual terstruktur. </span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Seperti elemen Headings, Paragraphs, Lists, Images, Quotes, dan Links merupakan konten elemen visual terstruktur yang terdapat pada tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">body </span></b><span style="color: #363636; font-family: "calibri";">.</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Contoh kode tag </span><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">body </span></b><span style="color: #363636; font-family: "calibri";">:</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<blockquote class="tr_bq">
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"><html></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">   <head></head></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">   </span></b><b><span style="color: red; font-family: "calibri"; font-weight: bold;"><body></body></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"></html></span></b><span style="font-family: "calibri";"></span></span></div>
</blockquote>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">Challenge 1</span></b><span style="color: #363636; font-family: "calibri";"> on Bab 2, Ayat 3:</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">1. <head></head></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">2. </body></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">3. <html></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">4. </html></span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">5. <body></span><span style="color: #363636; font-family: "calibri";"><br /></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Susunlah kode tag tersebut menjadi kode tag yang benar :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: red; font-family: "calibri"; font-weight: bold;">a. 3-1-5-2-4</span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">b.1-2-3-5-4</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">c. 5-4-3-2-1</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">d. 3-5-2-1-4</span></span><span style="font-family: "calibri"; font-size: 12.0000pt;"></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<br />
<br />
Intinya<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBYx65aYbC8mtwCCqEzoby12YBM10Z1669e-nb1Uesph4IijzP8tUwW07KIHnDxbK5yh-N8KqFbP8CigbjoRkIdye1LpbhFsBUKbMd8Y0hMCvM7nqHS5Y_-ZxiOQMTy31AZhoboBx1lbI/s1600/struktur+dasar+HTML.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBYx65aYbC8mtwCCqEzoby12YBM10Z1669e-nb1Uesph4IijzP8tUwW07KIHnDxbK5yh-N8KqFbP8CigbjoRkIdye1LpbhFsBUKbMd8Y0hMCvM7nqHS5Y_-ZxiOQMTy31AZhoboBx1lbI/s640/struktur+dasar+HTML.jpg" width="640" /></a></div>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><u><span style="color: #363636; font-family: "calibri"; text-decoration: underline;">Ayat 4 : Penggunaan Tag <title></span></u></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
</div>
<span style="font-size: small;"><br /></span>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Untuk meletakkan judul pendeskripsian tab di halaman web, tambahkan Tag </span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"><title></span></b><span style="color: #363636; font-family: "calibri";"> seperti contoh di bawah :</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<span style="font-size: small;"><br /></span>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"><html></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">   <head></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">      </span></b><b><span style="color: red; font-family: "calibri"; font-weight: bold;"><title></span></b><span style="color: #363636; font-family: "calibri";">Fun learn HTML Language with _MisterNotFound_</span><b><span style="color: red; font-family: "calibri"; font-weight: bold;"></title></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">   </head></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">   <body>Happy Learn HTML Language</body></span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;"></html>  </span></b></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><br /></span>
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Peletakan tag <span style="color: red;"><title></span> harus berada di antara tag <head> dan tag </head> </span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Pada contoh pemberian tag diatas, hasilnya akan seperti gambar dibawah ini :</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeZiJBwqD8FW8CcBnDQUTVxGvrwUI7d_8c3PFYFhaNPiLJDwsXbGIZO7rTMnXmJn37HSECLIxermO3Hl5OpMA52CDp-oikvidX-PgKBh1AMc2Seh0WxjVWDLUYYyNzmc67rqicpLN5yY/s1600/Efek-tag-title-dan-tag-body.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLeZiJBwqD8FW8CcBnDQUTVxGvrwUI7d_8c3PFYFhaNPiLJDwsXbGIZO7rTMnXmJn37HSECLIxermO3Hl5OpMA52CDp-oikvidX-PgKBh1AMc2Seh0WxjVWDLUYYyNzmc67rqicpLN5yY/s640/Efek-tag-title-dan-tag-body.png" width="640" /></a></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br />
<b>Challenge 1</b> on Bab 2, Ayat 4 :<br />
Dimanakah letak tag title :<br />
<span style="color: red;"><b>a. Diantara tag <head> </b></span><br />
b. Diantara tag <body><br />
c. Sebelum tag <html><br />
d. Setelah tag <html> 
<br />
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<span style="font-size: small;"><br /></span>
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Sekian. Wassalamualaikum</span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
</div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-family: "calibri"; font-size: 12.0000pt;"></span></div>
</div>

Belajar HTML BAB 2 : Dasar Struktur Dokumentasi pada HTML

Assalamualaikum. Oke gausah basa basi lagi, langsung saja simak : Ayat 1 : Penggunaan Tag <html> Meskipun bermacam ...

Belajar HTML BAB 1 : PENGENALAN

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgau8jzn382h515CYb-ZcqgIeLn45VHTFzooFba9WE9TC9jYhdhTcfq_xbJaUd8GltCReG-jbFxTLtOgRPY4TGbpbPLT86053eDQbiekudpK6iCrHgJI2DbNtZFqY3x7t9onxl8PoUYZRY/s1600/learn-html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="438" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgau8jzn382h515CYb-ZcqgIeLn45VHTFzooFba9WE9TC9jYhdhTcfq_xbJaUd8GltCReG-jbFxTLtOgRPY4TGbpbPLT86053eDQbiekudpK6iCrHgJI2DbNtZFqY3x7t9onxl8PoUYZRY/s640/learn-html.png" width="640" /></a></div>
<br />
<br />
Assalamualaikum sobat.<br />
Cocok banget nih tuk kalian yang kepo banget atau pengen bisa dan mahir HTML.<br />
Kali ini gua akan nge bahas dengan singkat tentang HTML. Langsung saja di simak yuk<br />
<br />
<u>Ayat 1 : Apa itu HTML ? </u><br />
<br />
HTML merupakan kepanjangan dari <b>HyperText Markup Language</b>.
Hampir sama dengan sebuah scripting atau bahasa pemrograman lainnya yang menggunakan script untuk menampilkan fungsi, dan sebuah bahasa markup yang menggunagan tag-tag untuk mengidentifikasi suatu konten.
<br />
<br />
Contoh penggunaan Tag pada HTML :<br />
<blockquote class="tr_bq">
<b><span style="color: red;"><p>Hello sucker</p>
</span></b></blockquote>
<br />
<b>Chalange 1</b> on Bab 1, Ayat 1 :<br />
Bahasa Markup apa yang berguna untuk mengidentifikasi suatu konten :<br />
a. Commands<br />
b. Functions<br />
<span style="color: red;"><b>c. Tags</b></span><br />
d. Script 
<br />
<br />
<style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style><br />
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";"><b>Challenge 2</b> on Bab 1, Ayat 1 :</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">"Learning fun HTML Language with _MisterNotFound_"</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">1. _MisterNotFound_</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">2. Learning fun</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">3. with</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">4. <p></span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">5. HTML Language</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">6. </p></span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">Susunlah kalimat tersebut menjadi kode HTML dengan menggunakan Tag pembuka dan Tag penutup <p>  :</span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">a. 1-2-3-4-5-6</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="color: red;"><b><span style="font-size: small;"><span style="font-family: "calibri";">b. 4-2-5-3-1-6</span><span style="font-family: "calibri";"></span></span></b></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">c. 6-2-5-3-1-4</span><span style="font-family: "calibri";"></span></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">d. 2-5-3-1-4-6</span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">============================================================ </span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="MsoNormal">
<u><span style="font-size: small;"><span style="font-family: "calibri";">Ayat 2 : Struktur pada Web</span><span style="font-family: "calibri";"></span></span></u></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-size: small;"><span style="font-family: "calibri";">Bahasa HTML adalah bahasa pemrogramman Web yang paling dasar untuk menjadi Designer, Developer dan Programmer Web yang handal.</span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Struktur bahasa pada web meliputi :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">- HTML : Struktur</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">- CSS : Presentasi</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">- Javascript : Behavor/Tingkah Laku</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">- PHP : Backend</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Website pada umumnya di naungi oleh CMS. Dan CMS di naungi oleh Cpanel. </span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Istilah gampang nya, bisa digambarkan kayak gini : Cpanel adalah sebuah PC, lalu CMS merupakan Operasi Sistem,  dan Website merupakan aplikasi pada sebuah operasi sistem. Adapun konten dalam website merupakan gambaran dari fitur fitur yang terdapat pada aplikasi</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Tidak semua web menggunakan CMS.</span></span><br />
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Termasuk Google dan Youtube, web tersebut merupakan web tanpa CMS. Kok bisa? </span></span><br />
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Ya, dalam pembuatan web tidak semuanya menggunakan CMS, beberapa designer web lebih memilih men</span></span><span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">-design web mereka dengan mengkoding manual dengan tujuan untuk memperindah web sesusai dengan
 selera para designer/developer web.</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";"><style>@font-face {
  font-family: "Times New Roman";
}@font-face {
  font-family: "宋体";
}@font-face {
  font-family: "Calibri";
}@font-face {
  font-family: "SimSun";
}p.MsoNormal { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 10.5pt; }p.p { margin: 0pt 0pt 0.0001pt; text-align: justify; font-family: Calibri; font-size: 12pt; }span.msoIns { text-decoration: underline; color: blue; }span.msoDel { text-decoration: line-through; color: red; }div.Section0 { page: Section0; }</style></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: #363636; font-family: "calibri"; font-weight: bold;">Challenge 1</span></b><span style="color: #363636; font-family: "calibri";"> on Bab 1, ayat 2 :</span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<br /></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Termasuk apakah Wordpress dan Joomla itu :</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">a. Cpanel</span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">b. Website </span><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0pt; text-align: left;">
<span style="font-size: small;"><b><span style="color: red; font-family: "calibri"; font-weight: bold;">c. CMS</span></b><span style="font-family: "calibri";"></span></span></div>
<div class="p" style="margin-left: 0.0000pt; text-align: left;">
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">d. SSL</span></span><br />
<br />
<br />
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Sekian :)</span></span><br />
<span style="font-size: small;"><span style="color: #363636; font-family: "calibri";">Terus pantau blog saya ya, untuk mendapatkan artikel ter-update tentang pembelajaran HTML. </span></span></div>
<div class="MsoNormal">
<span style="font-family: "calibri"; font-size: 10.5000pt;"></span></div>
</div>

Belajar HTML BAB 1 : PENGENALAN

Assalamualaikum sobat. Cocok banget nih tuk kalian yang kepo banget atau pengen bisa dan mahir HTML. Kali ini gua akan nge bahas deng...

_MisterNotFound_ Official Blog

Belajar HTML Bab 3 : Semua tentang HTML Basic

Belajar HTML : Try Out Part 1

Belajar HTML BAB 2 : Dasar Struktur Dokumentasi pada HTML

Belajar HTML BAB 1 : PENGENALAN

Support our team

Layout Style

Background Patterns

Color Scheme