GENK IT: HTML

<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/AVvXsEi-7mMMme8fngfMD3tE-IH9qxR7kXm96ickZJE_Sb_hotKtDUevmIkD-9ua5A156J2LDRYafEfLZVsIVkCqleqN2Gq7FN8yegN98yHbb7NCSAFlR0-YyTCFlHXLsZHIYyK6dmIBqJH3XG_T/s1600/what-is-html.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="276" data-original-width="640" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7mMMme8fngfMD3tE-IH9qxR7kXm96ickZJE_Sb_hotKtDUevmIkD-9ua5A156J2LDRYafEfLZVsIVkCqleqN2Gq7FN8yegN98yHbb7NCSAFlR0-YyTCFlHXLsZHIYyK6dmIBqJH3XG_T/s320/what-is-html.jpg" width="320" /></a></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-outline-level: 1;">
<span style="font-family: "verdana" , sans-serif; text-align: justify;">HTML adalah sebuah bahasa markup
standar singkatan dari <em style="box-sizing: inherit;">Hyper Text Markup Language</em>.
</span><b style="text-align: justify;"><span style="font-family: "verdana" , "sans-serif"; mso-bidi-font-family: "Open Sans";">HTML</span></b><span style="font-family: "verdana" , sans-serif; text-align: justify;"> merupakan bahasa penanda yang digunakan
untuk memberikan konten (teks) struktur dan makna semantik.</span></div>
<div style="background: white; margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<span style="font-family: "verdana" , "sans-serif";">Dengan HTML di Web Browser memungkinakan
untuk menampilkan informasi. untuk melihat kode HTML klik kanan kemudian pilih <i>Lihat Sumber Halaman</i> <em>/ View page source (ctrl+u).<o:p></o:p></em></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">HTML memiliki fungsi sebagai pondasi
sebuah halaman website. HTML memiliki fungsi lain sebagai berikut ini.
Membungkus element element tertentu sesuai dengan kebutuhan.<o:p></o:p></span></div>
<ul style="margin-top: 0cm;" type="disc">
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     heading atau Judul.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     tabel.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     list.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     paragraf.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     Form.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     tombol.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     huruf menjadi tebal.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Membuat
     huruf menjadi miring.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Menampilkan
     gambar.<o:p></o:p></span></li>
<li class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-list: l0 level1 lfo1; tab-stops: list 36.0pt; text-align: justify;"><span style="font-family: "verdana" , sans-serif;">Menampilakan
     video.<o:p></o:p></span></li>
</ul>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Dan masih banyak lagi yang bisa di buat
oleh bahasa HTML. Saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki
banyak sekali fitur tambahan.</span></div>
<div style="background: white; margin-bottom: .0001pt; margin: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "verdana" , sans-serif;">Elemen,
Tag, dan Atribut<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Merupakan tiga istilah utama yang harus
diketahui ketika menulis kode HTML. Ketiga istilah tersebut adalah <b><i>elemen,
tag, dan atribut</i></b>.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "verdana" , sans-serif;">Elemen<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Elemen HTML merupakan komponen yang
menetapkan peran sebuah objek dalam dokumen, termasuk struktur dan konten dari
objek tersebut. Contoh dari sebuah elemen HTML ialah <b>p</b> ataupun <b>b </b>.
Elemen-elemen populer lain dalam HTML misalnya <b>a, h1, div, span, em, </b>ataupun<b> strong.<o:p></o:p></b></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "verdana" , sans-serif;">Tag<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Sebuah elemen biasanya direpresentasikan oleh
<b>tag</b>. <b>Tag pembuka</b> menandakan elemen tersebut dimulai, dan <b>tag penutup</b> menandakan akhir dari
sebuah elemen. Tag pembuka direpresentasikan dengan nama elemen yang diapit
simbol “<b><></b>”, contohnya <b><a>. </b>Tag penutup dituliskan
dengan menambahkan <b>garis miring ( / ) </b>setelah
simbol<b> ( < ).</b> Misalnya, tag
penutup untuk elemen <b>a </b>adalah <b></a>.<o:p></o:p></b></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "verdana" , sans-serif;">Atribut<o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Atribut merupakan informasi tambahan untuk
sebuah elemen. Setiap elemen memiliki atribut yang berbeda-beda, meskipun
terdapat beberapa atribut standar yang dapat digunakan oleh semua elemen.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "verdana" , sans-serif;">Atribut khusus elemen</span></b><span style="font-family: "verdana" , sans-serif;"> dibuat ketika nilai
atribut tersebut memang hanya digunakan untuk elemen tertentu. Misalnya, untuk
elemen <b><i>img </i></b><i>yang digunakan
untuk menampilkan gambar </i>atribut ini tidak akan berguna untuk elemen <b>p</b> yang hanya untuk menampilkan teks.
Contoh lain adalah elemen <b>“a” </b>dengan
atribut wajib “<b>href” </b><i>untuk menampilkan link</i>.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Atribut
standar yang dimiliki oleh semua elemen sendiri merupakan atribut yang umumnya
dapat diimplementasikan oleh semua elemen, misalnya atribut <b>“id”</b> <i>untuk identifikasi elemen</i>, atau <b>“class” </b><i>untuk klasifikasi
elemen</i>.<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Contoh
Elemen, Tag dan Atribut :<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin: 0cm 0cm 0.0001pt 14.2pt; text-align: justify;">
<span class="html-tag"><b><span style="font-family: "verdana" , sans-serif;"><a
</span></b></span><span class="html-attribute-name"><b><span style="font-family: "verdana" , sans-serif;">href</span></b></span><span class="html-tag"><b><span style="font-family: "verdana" , sans-serif;">="<a href="http://genkcomp.blogspot.com/" target="_blank"><span style="color: windowtext;">http://genkcomp.blogspot.com/</span></a>"></span><span style="white-space: pre-wrap;"> </span></b></span><b><span style="font-family: "verdana" , sans-serif;">BLOG GENK IT <span class="html-tag"></a></span><o:p></o:p></span></b></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin: 0cm 0cm 0.0001pt 14.2pt; text-align: justify;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOVcIIYV2VQKt1wtmAInzCepY5Eo02tsayMTS3y9TxpkaswzUrNPz8_Ng4e9VmwyEsJ2K_PzoKQBLtROC4P0TUAnLqxI5t6H8GZ87VR3c3_Qa29sLjaq3T7AE4iB0-qx_RArncpoHiEcI5/s1600/HTML+1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="210" data-original-width="800" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOVcIIYV2VQKt1wtmAInzCepY5Eo02tsayMTS3y9TxpkaswzUrNPz8_Ng4e9VmwyEsJ2K_PzoKQBLtROC4P0TUAnLqxI5t6H8GZ87VR3c3_Qa29sLjaq3T7AE4iB0-qx_RArncpoHiEcI5/s400/HTML+1.PNG" width="400" /></a></div>
<div class="MsoNormal" style="background: white; line-height: normal; margin-bottom: 0.0001pt; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: "verdana" , sans-serif;">Referensi Artikel : </span></div>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Coding HTML dll ---> <a href="https://www.w3schools.com/">https://www.w3schools.com/</a></span></div>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Diskusi Coding   ---> <a href="https://stackoverflow.com/">https://stackoverflow.com/</a></span></div>
<div style="text-align: justify;">
<span style="font-family: "verdana" , sans-serif;">Daftar Warna     ---> <a href="https://id.wikipedia.org/wiki/Daftar_warna">https://id.wikipedia.org/wiki/Daftar_warna</a></span></div>
</div>

Mengenal HTML Dasar

HTML adalah sebuah bahasa markup standar singkatan dari Hyper Text Markup Language . HTML merupakan bahasa penanda yang digunakan untu...

Amankan Konten Wordpressmu ..!!!

Mengenal HTML Dasar

Pos Unggulan

ARSIP