Naval Base

HTML : Cara memasukan gambar

Unknown 0 html August 22, 2017

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p8aImYmTtBlp27-SR7uJzKr4TaAgSg5lyKFrRD0zopd9c_q5lhTp1e4LM4sS49wNNhztULWHP2TqxzFfehWtMz3V7DjHo0tqeCB24MWdlIcU6QyYF81LUiggPqfgT4mATyTAtJ1P2F8/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" data-original-height="720" data-original-width="1280" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p8aImYmTtBlp27-SR7uJzKr4TaAgSg5lyKFrRD0zopd9c_q5lhTp1e4LM4sS49wNNhztULWHP2TqxzFfehWtMz3V7DjHo0tqeCB24MWdlIcU6QyYF81LUiggPqfgT4mATyTAtJ1P2F8/s400/html.jpg" width="400" /></span></a></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Kali ini saya akan membahas cara memasukan gambar kedalam html , yaitu dengan menggunakan atribut <b>src </b>, yaitu dengan cara memasukan script <img src="namafile.jpg">. untuk nama file kalian bisa hanya memasukan namanya saja asalkan berasal dari folder yang sama, apabila gambar dari folder yang berbeda kalian harus mengetikan alamatnya secara detail, kalian bisa mengubah ukuran gambar dgn menambah <b>width </b>dan <b>height</b> , </span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">contoh : <img src="namafile.jpg" width=600 height=400></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">maka akan muncul gambar berukuran 600x400</span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">sebagai contoh : </span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<div class="line number2 index1 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">html</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number3 index2 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">head</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number4 index3 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">   </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">title</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Penggunaan Tag Image</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">title</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number5 index4 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">head</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number6 index5 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">body</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number7 index6 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">   </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">h1</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Belajar Tag Gambar</</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">h1</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number8 index7 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html spaces" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">   </code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">img</code> <code class="html color1" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="html string" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"koala.jpg"</code> <code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number9 index8 alt2" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">body</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="html keyword" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">html</code><code class="html plain" style="background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-stretch: inherit; font-variant: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></span></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;">maka akan menampilkan hasil seperti berikut :</span></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCafnOk5m2XWBBhYTQ4TspB8kK1vAQ-Q1MDY8od0mjqyFrjMhiBQz6DC8nET812W8gwzMIDzwbXydB5CAUSqNtZ8by7LOVCWBRptGKgKALbF2YcAmFJiUK1AADie-L-29z3e7Yz666ETk/s1600/Cara-Menambahkan-Gambar-di-HTML.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" data-original-height="417" data-original-width="555" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCafnOk5m2XWBBhYTQ4TspB8kK1vAQ-Q1MDY8od0mjqyFrjMhiBQz6DC8nET812W8gwzMIDzwbXydB5CAUSqNtZ8by7LOVCWBRptGKgKALbF2YcAmFJiUK1AADie-L-29z3e7Yz666ETk/s400/Cara-Menambahkan-Gambar-di-HTML.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><span style="background-color: white; color: #333333;">untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^</span><br style="background-color: white; color: #333333;" /><br style="background-color: white; color: #333333;" /><span style="background-color: white; color: #333333;">pengunjung yang baik tidak lupa meninggalkan komentar , kalian bisa request sesuatu lewat komentar.</span></span></div>
<div class="line number10 index9 alt1" style="background: none white !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-stretch: inherit; font-variant-numeric: inherit; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<br /></div>

HTML : Cara memasukan gambar

Kali ini saya akan membahas cara memasukan gambar kedalam html , yaitu dengan menggunakan atribut src , yaitu dengan cara memasukan scrip...

HTML : Cara membuat tabel

Unknown 0 html August 22, 2017

HTML : Cara membuat tabel

Cara Membuat Tabel HTML dengan tag <table>, <tr> dan <td> Untuk membuat tabel di HTML, kita membutuhkan setidaknya ...

HTML : Horizontal Rules

Unknown 0 html August 22, 2017

<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p8aImYmTtBlp27-SR7uJzKr4TaAgSg5lyKFrRD0zopd9c_q5lhTp1e4LM4sS49wNNhztULWHP2TqxzFfehWtMz3V7DjHo0tqeCB24MWdlIcU6QyYF81LUiggPqfgT4mATyTAtJ1P2F8/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" data-original-height="720" data-original-width="1280" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p8aImYmTtBlp27-SR7uJzKr4TaAgSg5lyKFrRD0zopd9c_q5lhTp1e4LM4sS49wNNhztULWHP2TqxzFfehWtMz3V7DjHo0tqeCB24MWdlIcU6QyYF81LUiggPqfgT4mATyTAtJ1P2F8/s400/html.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Kali ini saya akan membahas tentang tag <hr> atau yang biasa dikenal Horizontal Rules. Apa itu Horizontal Rules? Horizontal Rules ialah sebuah garis horizontal yang melintang sepanjang page, lebih sering digunakan untuk membatasi Header dengan Body pada umumnya.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">Berikut script untuk membuat garis pada html atau yang biasa disebut Horizontal Rules : </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;">html></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><head></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><title>Horizontal Rule</title></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"></head></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><body></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="white-space: pre;"> </span><h1>Ini garis yang dibawah namanya Horizontal Rule | hr = Horizontal Rule</h1></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"><span style="white-space: pre;"> </span><hr border=500px color=blue></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"></body></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: Times, Times New Roman, serif; font-size: large;"></html></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;">maka akan menampilkan tampilan seperti berikut :</span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4jk2Uc_yFxBY-TtYaOKtqPSBFUVku_13DfZFmUgh_m97cqjcnXcqOqarS5Smy0hEMA3MoaXjVC61umwYCqIf7jEgqfrgaFUpTyz0PPCZ6ZFa3ZSgcDZvcpYU8zXzQ9yv16B8miWJoFk4/s1600/Capture.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><img border="0" data-original-height="304" data-original-width="684" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4jk2Uc_yFxBY-TtYaOKtqPSBFUVku_13DfZFmUgh_m97cqjcnXcqOqarS5Smy0hEMA3MoaXjVC61umwYCqIf7jEgqfrgaFUpTyz0PPCZ6ZFa3ZSgcDZvcpYU8zXzQ9yv16B8miWJoFk4/s400/Capture.PNG" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"></span></div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
</div>
<br />
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #333333; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; position: relative; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="border: 0px; font-family: Arial, Helvetica, sans-serif; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^<br /><br />pengunjung yang baik tidak lupa meninggalkan komentar , kalian bisa request sesuatu lewat komentar.</span></span></div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><br /></span>
<br />

HTML : Horizontal Rules

Kali ini saya akan membahas tentang tag <hr> atau yang biasa dikenal Horizontal Rules. Apa itu Horizontal Rules? Horizontal Rul...

HTML : Break dan Paragraph

Unknown 0 html July 31, 2017

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdSoqU1giEO0wBLY3AXDawnmXtJgpnYOTEO0m7MDKgm1sGdopUjwbclMiJFicNZCOl_CI37s95_85mRjtZSdonh5UFHp2neVXtjptC3n-p7lMW3E_1_c4gSVcB37TAn4FcDGy-A-wR-4/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1280" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdSoqU1giEO0wBLY3AXDawnmXtJgpnYOTEO0m7MDKgm1sGdopUjwbclMiJFicNZCOl_CI37s95_85mRjtZSdonh5UFHp2neVXtjptC3n-p7lMW3E_1_c4gSVcB37TAn4FcDGy-A-wR-4/s400/html.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">kali ini saya akan membahas tentang tag <br>(break) dan <p>(paragraph) pada HTML , tag <br> atau break biasa digunakan untuk membuat spasi baris , atau yg biasa kita sebut spasi dgn menggunakan tombol "enter" pada Ms. Word. </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Sedangkan tag <p> atau paragraph adalah tag yang biasa digunakan untuk membuat paragraph yang didahului oleh dua spasi baris.</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">berikut adalah contoh script dari tag <b> dan <p> :</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><html></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><head></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><span style="font-family: "times" , "times new roman" , serif;">    <title>Break dan Paragraph</title></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></head></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><body></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;">NAVALBASE </span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><br></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;">Hashirajima Anchorage</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif;"><span style="font-size: large;"><p></span><span style="font-size: large;">Midway Operation</p></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-size: large;"><span style="font-family: "times" , "times new roman" , serif;"></body></span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></html></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">maka akan menampilkan tampilan seperti berikut :</span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcE_VNiERChshD__lKhYOmA0Xx7m7M4ggDAwzevlXpdISoHR98np675Tv-84cjIDe1mONjW-DVKXuTHVDaE_VkEzqCQTVO-TMexFrqUYI4VahnQrjMOc5vWtDMprQF3dByVqQikpog0M4/s1600/breakpara.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="276" data-original-width="695" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcE_VNiERChshD__lKhYOmA0Xx7m7M4ggDAwzevlXpdISoHR98np675Tv-84cjIDe1mONjW-DVKXuTHVDaE_VkEzqCQTVO-TMexFrqUYI4VahnQrjMOc5vWtDMprQF3dByVqQikpog0M4/s640/breakpara.PNG" width="640" /></a></span></div>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"></span><br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #333333; font-family: "times new roman", times, freeserif, serif; font-stretch: inherit; line-height: inherit; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="border: 0px; font-family: "arial" , "helvetica" , sans-serif; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^<br /><br />pengunjung yang baik tidak lupa meninggalkan komentar , kalian bisa request sesuatu lewat komentar.</span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">
</span>
<br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><span style="border: 0px; font-family: "arial" , "helvetica" , sans-serif; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;"><br /></span></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">
</span></div>

HTML : Break dan Paragraph

kali ini saya akan membahas tentang tag <br>(break) dan <p>(paragraph) pada HTML , tag <br> atau break biasa digun...

HTML : Ukuran Header

Unknown 0 html July 31, 2017

<b><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Ukuran Header</span></b><br />
<div>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbegwmMLUF8hneb4ft1T-qSwFYL42Cn673dswvoi6JD8BR1Suj1kv3PvCSx_rcpUoV8b7D2F2XesteehyphenhyphenzqQVfOZ9KR2c1sN_bidI-WGKqsE0GTb5jcKS7k6ulfUqnh0XCLV7TwtL5v1E/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><img border="0" data-original-height="720" data-original-width="1280" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbegwmMLUF8hneb4ft1T-qSwFYL42Cn673dswvoi6JD8BR1Suj1kv3PvCSx_rcpUoV8b7D2F2XesteehyphenhyphenzqQVfOZ9KR2c1sN_bidI-WGKqsE0GTb5jcKS7k6ulfUqnh0XCLV7TwtL5v1E/s400/html.jpg" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">kali ini saya akan membahas tentang tag ukuran Header pada HTML , seperti yang kita tahu ukuran header pada HTML ada beberapa <tag> ukuran , yaitu :</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h1 besarnya berukuran 24pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h2 besarnya berukuran 18pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h3 besarnya berukuran 14pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h4 besarnya berukuran 12pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h5 besarnya berukuran 10pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">h6 besarnya berukuran 7pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">untuk normal body text biasanya berukuran 12pt</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">untuk struktur HTML bagi yang belum tau bisa di cek di post sebelumnya.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">berikut adalah contoh script header pada HTML : </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><html></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><head></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;">     <title>Contoh Header</title></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></head></span></div>
<div class="separator" style="clear: both;">
<span style="white-space: pre;"><span style="font-family: "times" , "times new roman" , serif; font-size: large;"> </span></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><body></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h1> h1 besarnya 24pt </h1></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h2> h2 besarnya 18pt </h2></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h3> h3 besarnya 14pt </h3></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h4> h4 besarnya 12pt </h4></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h5> h5 besarnya 10pt </h5></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span><h6> h6 besarnya 7pt </h6></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"><span style="white-space: pre;"> </span>Normal body text - 12pt</span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></body></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "times" , "times new roman" , serif; font-size: large;"></html></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">yang mana akan menampilkan seperti berikut :</span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1V23uEx44Hm-lzcwYbbzP1IsxqiZuUhwqHOl6xi-BWnGOeGrzafZvEG_ciJCYfLqub2Xtjp6d4bCnTfNhwRpNiI7eBMrvkex1b_SOJngtmBGhwpUveFy9c7Zx-_NGEiigR_C9YPv-5A/s1600/header.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="410" data-original-width="698" height="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit1V23uEx44Hm-lzcwYbbzP1IsxqiZuUhwqHOl6xi-BWnGOeGrzafZvEG_ciJCYfLqub2Xtjp6d4bCnTfNhwRpNiI7eBMrvkex1b_SOJngtmBGhwpUveFy9c7Zx-_NGEiigR_C9YPv-5A/s640/header.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; clear: both; color: #333333; font-family: "Times New Roman", Times, FreeSerif, serif; font-size: 12px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; position: relative; text-align: center; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px; word-wrap: break-word;">
</div>
<br />
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #333333; font-family: "times new roman", times, freeserif, serif; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; position: relative; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px; word-wrap: break-word;">
<span style="border: 0px; font-family: "arial" , "helvetica" , sans-serif; font-size: large; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-wrap: break-word;">untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^<br /><br />pengunjung yang baik tidak lupa meninggalkan komentar , kalian bisa request sesuatu lewat komentar.</span></div>
<div class="separator" style="clear: both;">
<br /></div>
<div>
<br /></div>

HTML : Ukuran Header

Ukuran Header kali ini saya akan membahas tentang tag ukuran Header pada HTML , seperti yang kita tahu ukuran header pada HTML ada b...

Belajar HTML : Apa itu HTML?

Unknown 0 html July 31, 2017

<div style="text-align: justify;">
<h2 style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;">Apa sih HTML itu?</span></h2>
<div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: x-large;"><br /></span></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvGm4jQzHwQ0YApi1w-JOlOsbClWHo_J3ddHHAza7aWsJ082E8SZNwCXzUoPAia2PFNLLB2renpsz-P3HO9XUAYZuPaYXiZquokn2M39fdyELZQ8h6fy3JQqrnQmtwUuLVmFKxKEeo7o/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1280" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvGm4jQzHwQ0YApi1w-JOlOsbClWHo_J3ddHHAza7aWsJ082E8SZNwCXzUoPAia2PFNLLB2renpsz-P3HO9XUAYZuPaYXiZquokn2M39fdyELZQ8h6fy3JQqrnQmtwUuLVmFKxKEeo7o/s400/html.jpg" width="400" /></a></div>
<div>
<div style="text-align: left;">
<br /></div>
</div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">mungkin sudah banyak yang ya apa itu HTML, so... tidak salah kan membahas lagi tentang topik yang satu ini 😁</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
</div>
<div style="text-align: justify;">
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">HTML atau singkatan dari <b><i>Hyper Text Markup Language</i> </b><span style="background-color: white; color: #222222;">adalah <i>sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.</i>(<a href="https://id.wikipedia.org/wiki/HTML">wiki</a>)</span></span></div>
<br />
<div style="text-align: left;">
<span style="font-family: arial, helvetica, sans-serif; font-size: large;"><br /></span></div>
<span style="font-size: large;"><div style="text-align: left;">
<span style="font-family: arial, helvetica, sans-serif;">Kali ini saya akan memberi informasi tentang HTML , untuk aplikasi untuk membuat HTML bisa menggunakan aplikasi bawaan Windows seperti Notepad , atau aplikasi tambahan seperti Notepad++ (bisa di download </span><a href="https://notepad-plus-plus.org/download/" style="font-family: arial, helvetica, sans-serif;">disini</a><span style="font-family: arial, helvetica, sans-serif;">) , </span><span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif;">tetapi kamu mungkin akan tergoda untuk menggunakan </span><em style="background-color: white; border: 0px; box-sizing: border-box; color: #333333; font-family: arial, helvetica, sans-serif; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">software</em><span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif;"> khusus seperti Adobe Dreamweaver. Kamu harus sangat berhati-hati ketika menggunakan program ini, terutama jika kamu seorang pemula, karena program ini sering memberi kode yang tidak perlu atau non-standar untuk “membantu”-mu.</span></div>
</span><br />
<br />
<div style="text-align: left;">
<span style="color: #333333; font-family: arial, helvetica, sans-serif; font-size: large;"><br /></span></div>
<span style="font-size: large;"><div style="text-align: left;">
<span style="background-color: white; color: #333333; font-family: arial, helvetica, sans-serif;">Jika kamu menggunakan notepad berhati-hatilah. Ingat saat menyimpan file harus menggunakan ekstensi “.html”, biasanya notepad secara otomatis akan menyimpannya sebagai “.txt”, tidak cuma notepad saja, tapi mungkin beberapa teks editor lainnya juga begitu.</span></div>
</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; text-align: left;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; text-align: left;">Contoh dasar bisa kita buat seperti ini:</span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; text-align: left;"><br /></span>
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large; text-align: left;"><html></span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><head></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">     <title>Judul Website</title></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"></head></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><body></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Ini adalah dokumen </span><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">HTML pertamaku</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"></body></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"></html></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">yang mana hasilnya akan terlihat seperti ini:</span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKTqtEEx4i73-H_GI3tvxsb2tuOHHlC0diKnQCjatiZ9quWtlpAt022P0Xrw8dYITm2r4zRQjNVzw9HgkM2Gvk4_gisIysrSL-xblcxW3Ta3TiSaON_OfNvCSAou5bz8EHyps8AA0w9jQ/s1600/dasar.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="248" data-original-width="695" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKTqtEEx4i73-H_GI3tvxsb2tuOHHlC0diKnQCjatiZ9quWtlpAt022P0Xrw8dYITm2r4zRQjNVzw9HgkM2Gvk4_gisIysrSL-xblcxW3Ta3TiSaON_OfNvCSAou5bz8EHyps8AA0w9jQ/s1600/dasar.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^ </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;"><br /></span></div>
<div style="text-align: left;">
<br /></div>
</div>

Belajar HTML : Apa itu HTML?

Apa sih HTML itu? mungkin sudah banyak yang ya apa itu HTML, so... tidak salah kan membahas lagi tentang topik yang satu ini ...