Mengenal HTML Dasar

<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...

Read more »