HTML atau ( HyperText Markup Language ) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, yang bertujuan menampilkan berbagai informasi melalui peramban pencarian internet.
Hypertext Markup Language merupakan bahasa pemrograman dasar yang berbasis web yang digunakan ketika akan membuat halaman web, baik dalam pembuatan web statis dan dinamis. dimana web statis merupakan web yang hanya bisa di ubah melalui master/programnya. sedangkan web dinamis ( atau web program ) adalah web dimana pemilik situs web dapat merubah atau menambah isi pada web tersebut tanpa harus membuka master/program , seperti menambah navigasi pada web.
HTML atau ( HyperText Markup Language ) sendiri mulai berkembang dari versi HTML 1.0 sampai ke versi HTML 5.0 . dimana setiap pengembangan versi nya ditambahkan fitur-fitur baru sehingga tampilan website sekarang lebih menarik
II. Struktur Dasar HTML
Penjelasan struktur dasar Html
1.tag
tag ini berfungsi memberi tahu bahwa kita akan menggunakan bahasa html. untuk menggunakan html
versi 5.0 maka tambahkan
jika menggunakan html versi 5.0 memungkinkan untuk menggunakan fitur-fitur baru yang
ditambahkan dari versi sebelumnya.
2. Tag
berisi informasi seperti meta, css, font dan lain lain.
contoh format dalam menyisipkan meta, css, javascript, font pada tag html
3. Tag </font></p>
<p style="font-weight: bold;">
<font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;">merupakan tag yang berfungsi menampilkan title/judul dari website. tag ini harus</font><font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;"> berada di antara tag </font></p>
<p style="font-weight: bold;">
<font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;"><head></head><!--data-blogger-escaped-<head></head>--></font></p>
<p style="font-weight: bold;">
<font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;"><br></font></p>
<p style="font-weight: bold;">
<font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;">contoh dari tag <title> </font><b style="text-indent: -21.3pt;"><font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-indent: 0px;">dalam menyisipkan title pada tag <title> html</font></b></p>
<p class="separator" style="font-weight: bold; text-align: center; clear: both;">
<a imageanchor="1" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTy4cy5qoYpiLkY0uFTeBphqMruriXHN3uHfF0jDurKqb8dTiFXWSCJ7aSxHEb8fRjqkOz5oUq7DFfAOdQmVgPWarVQCAJSnUjApucLvPjurP2N6BQH4BDp3w1bvLQPiCoqgmT4a3koOM/s1600/index.png" style="margin-left: 1em; margin-right: 1em;"><img src="//images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-kHCyg6MPDIM%2FVPHG0WA_M3I%2FAAAAAAAAAw0%2F3wOG82vA5V0%2Fs1600%2Findex.png&container=blogger&gadget=a&rewriteMime=image%2F*" border="0" data-orig-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMTy4cy5qoYpiLkY0uFTeBphqMruriXHN3uHfF0jDurKqb8dTiFXWSCJ7aSxHEb8fRjqkOz5oUq7DFfAOdQmVgPWarVQCAJSnUjApucLvPjurP2N6BQH4BDp3w1bvLQPiCoqgmT4a3koOM/s1600/index.png" width="400" height="165"></a></p>
<p class="separator" style="text-align: left; clear: both;">
tampilan ketika di buka pada web browser</p>
<p style="font-weight: bold;">
</p>
<p class="separator" style="font-weight: bold; text-align: center; clear: both;">
<a imageanchor="1" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx4-MsgCx46Zi52N9btyOst0cn95obKBIWGpZDfKN21Ya9yBhSzMhxJjKROnMswXDJ5ZqVtsY9dVrR5RUqlxam2lqErHyIeWyVJ9oXxRiS7XFNEKa3rVyY5l0sUCywgtxpwQyWyfzLT3Ea/s1600/title.png" style="margin-left: 1em; margin-right: 1em;"><img src="//images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-SqdfwlNfusg%2FVPHG2ezxXNI%2FAAAAAAAAAw8%2FJdf7IdjQX5A%2Fs1600%2Ftitle.png&container=blogger&gadget=a&rewriteMime=image%2F*" border="0" data-orig-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx4-MsgCx46Zi52N9btyOst0cn95obKBIWGpZDfKN21Ya9yBhSzMhxJjKROnMswXDJ5ZqVtsY9dVrR5RUqlxam2lqErHyIeWyVJ9oXxRiS7XFNEKa3rVyY5l0sUCywgtxpwQyWyfzLT3Ea/s1600/title.png" width="400" height="223"></a></p>
<p style="font-weight: bold;">
<font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;"><br></font></p>
</div>
<p>
<font color="#1d1d1d" face="Times New Roman, serif"><font style="line-height: 24px;"><b></b></font></font><br></p>
<div class="MsoNormal" style="margin: 0cm 0cm 6pt 21.3pt; text-indent: -21.3pt;">
<p>
<font color="#1d1d1d" face="Times New Roman, serif"><font style="line-height: 24px;"><b><font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-align: left; text-indent: 0px;">4. Tag <body></font></b></font></font></p>
<p>
<b style="line-height: 24px; color: rgb(29, 29, 29); font-family: 'Times New Roman', serif; text-indent: -21.3pt;"><font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-indent: 0px;">merupakan tag yang berfungsi menyisipkan isi dari web seperti teks, audio , gambar maupun video.</font></b></p>
<p>
<b style="line-height: 24px; color: rgb(29, 29, 29); font-family: 'Times New Roman', serif; text-indent: -21.3pt;"><font color="#444444" face="Lato, 'Myriad Pro', Arial, sans-serif" style="font-size: 14px; font-weight: normal; line-height: 22.3999996185303px; text-indent: 0px;">contoh format dalam menyisipkan teks , audio , video , & gambar pada tag <body> html</font></b></p>
</div>
<div class="MsoNormal" style="margin: 0cm 0cm 6pt 21.3pt; text-indent: -21.3pt;">
<p class="separator" style="text-align: center; clear: both;">
<a imageanchor="1" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipUhhceT1uSWmlckPf9piXci9W4w9hNusgOf76H3evnMLzwRteOA1JNIfT7iouuqxVrXpvgveJP0PalWlTQ7Dp8r8jG_P4jDzH6Yt343J8KMBU-qJwpQTfeJ5eUk-aA4TKAWS3OukYcfJ/s1600/body.png" style="margin-left: 1em; margin-right: 1em;"><img src="//images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-vHuUoHb6s8E%2FVPHKYPq20pI%2FAAAAAAAAAxc%2F_HC20ZhJYng%2Fs1600%2Fbody.png&container=blogger&gadget=a&rewriteMime=image%2F*" border="0" data-orig-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipUhhceT1uSWmlckPf9piXci9W4w9hNusgOf76H3evnMLzwRteOA1JNIfT7iouuqxVrXpvgveJP0PalWlTQ7Dp8r8jG_P4jDzH6Yt343J8KMBU-qJwpQTfeJ5eUk-aA4TKAWS3OukYcfJ/s1600/body.png" width="400" height="223"></a></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;"><br></span></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;"><br></span></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;">dalam menulis kode html selalu perhatikan untuk membuka dan menutup tag html tersebut. dalam </span></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;">mengetik kode html bisa menggunakan teks editor apapun yang penting bisa digunakan untuk </span></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;">mengetik.seperti ms.word,notepad,gedit,adobe dreamweaver dll . lalu pada saat akan menyimpan </span></p>
<p>
<font style="color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify; text-indent: -14.7pt;">kode </font><font style="color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify; text-indent: -14.7pt;">html pastikan </font><font style="color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify; text-indent: -14.7pt;">berekstensi .html</font></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;"><br></span></p>
<p>
<span style="text-indent: -14.7pt; color: rgb(29, 29, 29); font-family: Arial; font-size: 14px; line-height: 21px; text-align: justify;">sekian dulu postingan kali ini, semoga bermanfaat :)</span></p>
</div>
Wowwww its megik
ReplyDelete