i HaTe ML

HTML Comments

Komentar adalah bagian dari kode HTML dan digunakan untuk menjelaskan kode. Ini dapat membantu untuk coders HTML lain ketika seseorang mencoba untuk merubah atau melihat kode (yang di setujui oleh pembuat). Hal ini juga dapat berguna untuk diri sendiri jika ingin memberi tanda pada HTML source (agar tidak lupa). Komentar tidak ditampilkan di browser - mereka hanya ada untuk mempermudah pengeditan kode HTML.<br />
<b>Kode:</b><br />
<blockquote></blockquote> Komentar selalu di awali dengan  ,<br />
<b>Contoh Kode:.</b><br />
<blockquote><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png"width="319" height="81" alt="i love HaTe ML" align="right"/></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><br />
<img align="right" alt="i love HaTe ML" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png" width="319"/></blockquote><br />
<br />
<br />
<br />
<br />
<br />
Seperti yang terlihat di atas , tulisan <b></b> tidak ada , namun jika di buka atau di selidiki kode sumber HTML nya , maka akan ketahuan bahwa ada tulisan <b></b> sebelum gambar .

HTML Comments

Komentar adalah bagian dari kode HTML dan digunakan untuk menjelaskan kode. Ini dapat membantu untuk coders HTML lain ketika seseorang menco...

Baca selengkapnya »

HTML Meta Tags

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO78Ix5FtqUsuh5-GuOCy97ROOBNQ_tGfvTPw466xq5ObWqF3A-ShuBU0HKoK5cdaBPrAcJFBgezSdHp0UIM4YK5qnZMDuIj5sVD4v35Vm1YXfJ68McO8Om11U4a2V7IPxPHl5mwzLNws/s1600/meta_tags.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO78Ix5FtqUsuh5-GuOCy97ROOBNQ_tGfvTPw466xq5ObWqF3A-ShuBU0HKoK5cdaBPrAcJFBgezSdHp0UIM4YK5qnZMDuIj5sVD4v35Vm1YXfJ68McO8Om11U4a2V7IPxPHl5mwzLNws/s320/meta_tags.jpg" width="320" /></a></div>Meta tag memungkinkan kamu untuk menyediakan metadata tentang halaman HTML kamu. Hal ini dapat sangat berguna untuk mesin pencari dan dapat membantu "findability" dari informasi di situs kamu.<br />
<h2><u>Apa itu Metadata?</u></h2>Definisi sederhana dari metadata adalah data mengenai data. Metadata ini mengandung informasi mengenai isi dari suatu data yang dipakai untuk keperluan manajemen file/data itu nantinya dalam suatu basis data. Jika data tersebut dalam bentuk teks, metadatanya biasanya berupa keterangan mengenai nama ruas (field), panjang field, dan tipe fieldnya: integer, character, date, dll. Untuk jenis data gambar (image), metadata mengandung informasi mengenai siapa pemotretnya, kapan pemotretannya, dan setting kamera pada saat dilakukan pemotretan. Satu lagi untuk jenis data berupa kumpulan file, metadatanya adalah nama-nama file, tipe file, dan nama pengelola (administrator) dari file-file tersebut.<br />
<br />
<h2><u>Metadata dalam web</u></h2>Metadata adalah bagian yang sangat penting dari web. Hal ini dapat membantu mesin pencari dalam menemukan "manakah paling cocok" bila pengguna melakukan pencarian. Search engine akan sering melihat setiap metadata yang melekat pada halaman - khususnya kata kunci - dan rangking web lebih tinggi dari halaman lain dengan metadata yang kurang relevan, atau tanpa metadata sama sekali.<br />
<h2><u>Menambahkan Meta Tag untuk Dokumen kamu</u></h2>Kamu dapat menambahkan metadata ke halaman web kamu dengan menempatkan tag <meta> antara tag <head> dan </ head> .<br />
Atribut yang mencakup meta tag :<br />
<br />
<table class="attribute"><tbody>
<tr><th class="attribute">Atribut</th><th class="attribute">Deskripsi</th>  </tr>
<tr>   <td class="attribute">Name</td><td class="attribute">Nama untuk properti. Bisa apa saja. misalkan : kata kunci, deskripsi, penulis, direvisi, generator dll</td>  </tr>
<tr>   <td class="attribute">content</td><td class="attribute">Menentukan nilai properti.</td>  </tr>
<tr>   <td class="attribute">scheme</td><td class="attribute">Menentukan skema digunakan untuk menginterpretasikan nilai properti (seperti dinyatakan dalam atribut konten).</td>  </tr>
<tr>   <td class="attribute">http-equiv</td><td class="attribute">Digunakan untuk header pesan respon http. Sebagai contoh http-equiv dapat digunakan untuk me-refresh halaman atau untuk mengatur cookie. Nilai mencakup content-type, expires, refresh and set-cookie.</td></tr>
</tbody></table><br />
<h3><u>Example HTML Code:</u></h3><blockquote>Kata Pencarian:<br />
<meta name="keywords" content="belajar,HTML," /></blockquote><br />
<blockquote>Deskripsi Web:<br />
<meta name="description" content="Info tentang meta tags" /></blockquote><br />
<blockquote>Tanggal Revisi (waktu terakir documen di ubah):<br />
<meta name="revised" content="i love HaTe ML, 25/7/2012" /></blockquote><br />
<blockquote>Refres halaman secara otomatis setiap 15 detik:<br />
<meta http-equiv="refresh" content="15" /> </blockquote>

HTML Meta Tags

Meta tag memungkinkan kamu untuk menyediakan metadata tentang halaman HTML kamu. Hal ini dapat sangat berguna untuk mesin pencari dan dapat ...

Baca selengkapnya »

HTML Images

Sebagian besar dari web adalah Gambar. HTML membuatnya sangat mudah bagi kamu untuk menanamkan gambar ke dalam halaman web kamu.<br />
<br />
Untuk menanamkan sebuah gambar pada sebuah halaman web, gambar umum atau pertama lebih baik berformat Jpg, gif, atau Png.. kamu dapat membuat gambar dalam editor gambar (seperti Adobe Photoshop) dan menyimpannya dalam format yang benar.<br />
<br />
Setelah kamu membuat gambar, kamu perlu menanamkan ke dalam halaman web kamu. Untuk menanamkan gambar ke dalam halaman web kamu, gunakan tag <img />, menentukan lokasi sebenarnya dari gambar.<br />
<br />
<h2><u>Contoh Penggunaan Gambar</u></h2><blockquote><img <b>alt</b>="i love HaTe ML" <b>height</b>="81" <b>src</b>="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png" <b>width</b>="319" /> <br />
<b>atau </b><br />
<img <b>src</b>="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png" <b>width</b>="319" <b>height</b>="81" <b>alt</b>="i love HaTe ML" /> </blockquote><br />
 <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><img alt="i love HaTeML" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png" width="319" /></blockquote><table cellspacing="0" class="tabular"><tbody>
<tr><td>src</td><td>Diperlukan atribut. Ini adalah path ke gambar.</td>  </tr>
<tr>   <td>width</td><td>Opsional atribut (tapi direkomendasikan). Ini menentukan lebar untuk menampilkan gambar. Jika gambar yang sebenarnya lebih luas, itu akan menyusut ke dimensi yang kamu tentukan di sini. Demikian juga, jika gambar yang sebenarnya lebih kecil akan diperluas untuk dimensi kamu. Saya tidak menganjurkan kamu untuk menggunakan ukuran yang berbeda untuk gambar, karena akan kehilangan kualitas. Lebih baik untuk menggunakan ukuran yang asli..</td>  </tr>
<tr>   <td>height</td><td>Opsional atribut (tapi direkomendasikan). Ini menentukan tinggi untuk menampilkan gambar. Atribut ini berfungsi mirip dengan lebar.</td>  </tr>
<tr>   <td>alt</td><td>Teks alternatif , teks yang akan muncul jika gambar gagal dimuat</td></tr>
</tbody></table><h2><u>Image Alignment</u></h2>Digunakan untuk menentukan posisi dari gambar (kanan , kiri atau tengah)<br />
<b>Contoh :</b><br />
<blockquote><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png"width="319" height="81" alt="i love HaTe ML" <b>align="right"</b>/><br />
Blog ini memang bagus , walau apa adanya , tapi berguna untuk menambah ilmu pengetahuan seputar HTML .</blockquote><b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><img align="right" alt="Smile" height="81" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_YD__CGH7x7dnIk3XmlrlUXlkjBkoCPkUUv9ciecuJ6JiR4G1D_4n8Q-4QNnqGY9oKKob8BbNhN0lArabYds28ODbaAMsg1Y_ewfQfhKa54JKRPZ3VOK5uKzCnF4_FKzstlbkGeOK3M/s1600/IloveHTML.png" width="319" /><br />
Blog ini memang bagus , walau apa adanya , tapi berguna untuk menambah ilmu pengetahuan seputar HTML .</blockquote>

HTML Images

Sebagian besar dari web adalah Gambar. HTML membuatnya sangat mudah bagi kamu untuk menanamkan gambar ke dalam halaman web kamu. Untuk men...

Baca selengkapnya »

HTML Links

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJZCoMB0NCDclTI0TpRT3Vnvgtx1JEjJZTqV9xMlbyVVI3LNhi70bQIhOsEaaGIRsUssc-OnGcLIi1tmilH46U4QhmSFQydkI22Q_n-NxmmD8E4KHwAAcDMdoLjQ8jUEBnuCw1IPb6o8/s1600/hyperlink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJZCoMB0NCDclTI0TpRT3Vnvgtx1JEjJZTqV9xMlbyVVI3LNhi70bQIhOsEaaGIRsUssc-OnGcLIi1tmilH46U4QhmSFQydkI22Q_n-NxmmD8E4KHwAAcDMdoLjQ8jUEBnuCw1IPb6o8/s1600/hyperlink.jpg" /></a></div>Link atau lebih dikenal dengan hyper link , didefinisikan menggunakan tag atau lebih dikenal dengan anchor element.<br />
<br />
Untuk membuat hyperlink, kamu menggunakan tag yang berkaitan dengan atribut yaitu href (href singkatan Hypertext Reference). Nilai dari atribut href adalah URL, atau, tujuan dari link .<br />
<b>Contoh :</b> <br />
<br />
<blockquote><code> Blog yang baik adalah <a href="http://ihateml.blogspot.com/">Membuat HTML semudah mengedipkan mata</a>  </code></blockquote><b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote>Blog yang baik adalah <a href="http://ihateml.blogspot.com/">Membuat HTML semudah mengedipkan mata</a></blockquote><h2><u>Link Targets</u></h2>Kamu bisa menjadikan sebuah link terbuka di jendela/window yang baru atau jendela yang sedang digunakan . Kamu bisa melakukannya dengan menggunakan atribut target , untuk contoh target="_blank" maka link akan membuka tujuan di jendela/window baru.<br />
<br />
<br />
<table cellspacing="0" class="tabular"><tbody>
<tr><td>_blank</td><td>Membuka URL di jendela/window baru.</td>  </tr>
<tr>   <td>_self</td><td>Membuka URL di jendela/window yang sedang digunakan .</td>  </tr>
<tr>   <td>_parent</td><td>Membuka URL kedalam <i>parent</i> frame (masih di jendela/window yang sedang digunakan). Ini hanya berlaku ketika menggunakan frame.</td>  </tr>
<tr>   <td>_top</td><td>Membuka URL di jendela / window yang sedang digunakan , tetapi membatalkan frame apapun . Oleh karena itu, jika ada frame yang sedang digunakan , frame-frame tadi akan dinonaktifkan. </td></tr>
</tbody></table><b>Contoh :</b><br />
<blockquote>Blog yang bagus itu <a href="http://ihateml.blogspot.com" target="_blank">i love HaTe ML</a> </blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote>Blog yang bagus itu <a href="http://ihateml.blogspot.com/" target="_blank">i love HaTe ML</a></blockquote><h2><u>Email Links</u></h2>Kamu bisa membuat link yang akan secara otomatis jika link tersebut di klik akan langsung muncul sesi untuk mengirim email:<br />
<b>Contoh :</b> <br />
<blockquote><a href="mailto:bloginibagus@example.com">Email to giswara</a> </blockquote><b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><a href="mailto:bloginibagus@example.com">Email to giswara</a></blockquote><h2><u>Base href</u></h2>Jika kamu mempunyai sebuah HTML page atau link - link tertentu, dan ingin mengalihkan pengunjung yang mengunjungi page atau mengklik link-link tadi ke web / link yang kamu tentukan , maka ini lah caranya : <br />
<blockquote><head><br />
<b><base url="http://ihateml.blogspot.com/"></b><br />
</head></blockquote>Dengan menaruh code yang dicetak tebal dibawah  tag <head> maka page milik mu akan secara otomatis teralihkan ke blog ini .

HTML Links

Link atau lebih dikenal dengan hyper link , didefinisikan menggunakan tag atau lebih dikenal dengan anchor element. Untuk membuat hyperlin...

Baca selengkapnya »

HTML Colors

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgV-mswyHWUgVO6YtSPiX8tTBSrjC5LKVRgg-hbvHE3h3uiq54Dc7sQ5GyXmnrY9Tt39Ih5UZ03vKJZjc2WW7UK760KLLeyuDFEB_40Aeh9gawA0-3bKtAl8EKTGnblHlaxqiQGYjSKMs/s1600/colorchart.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgV-mswyHWUgVO6YtSPiX8tTBSrjC5LKVRgg-hbvHE3h3uiq54Dc7sQ5GyXmnrY9Tt39Ih5UZ03vKJZjc2WW7UK760KLLeyuDFEB_40Aeh9gawA0-3bKtAl8EKTGnblHlaxqiQGYjSKMs/s320/colorchart.gif" width="283" /></a></div>Dalam HTML , warna bisa digunakan melalui style atribut , bisa secara spesifik, seperti (brown) , dengan menggunakan hexadecimal code, seperti (<i>#ffffff</i>) atau melalui nilai RGB (<i>rgb(0,0,255)</i>).<br />
<br />
<b>Syntax</b><br />
<hr /><br />
<h3>Foreground Color</h3>Untuk memberi warna pada elemen HTML, kamu gunakan style="color:{color}", dimana {color} adalah nilai / value warna , <b>Contoh :</b><br />
<blockquote><code><h3 <b>style="color:brown"</b>>Warna HTML</h3>  </code><b><br />
</b></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><h3 style="color: brown;">Warna HTML</h3></blockquote><h3>Background Color</h3>Untuk memberi warna latar pada elemen HTML, kamu gunakan style=<code>"background-color:{color}"</code>, dimana {color} adalah nilai / value warna ,<b> Contoh :</b><br />
<blockquote><code><h3 <b>style="background-color:brown"</b>>Warna Latar HTML</h3>  </code><b><br />
</b></blockquote>  <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><h3 style="background-color: brown;">Warna Latar HTML</h3></blockquote><h3>Border Color</h3>Untuk memberikan warna pada batas / border di elemen HTML , kamu gunakan style<code>="border:{width}{color} {style}",dimana </code>{width} adalah lebar dari border, {color} adalah warna dari border, dan {style} adalah style dari border.<br />
<blockquote><code><h3 <b>style="border:1px brown solid;"</b>>Warna Border HTML</h3>  </code></blockquote>  <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><h3 style="border: 1px brown solid;">Warna Border HTML</h3></blockquote><h3>Nama-Nama Warna HTML</h3>Dibawah ini ada warna-warna yang menggunakan metode Hexadecimal , Nilai hexadecimal , menggunakan kombinasi angka dan huruf (<b>0</b> s.d <b>9</b>) dan (<b>A</b> s.d <b>F</b>) <br />
<table cellspacing="10"><tbody>
<tr style="text-align: left;"><th>Color</th><th>Color Name</th><th>Hexadecimal Value</th><th></th>   <th>Color</th><th>Color Name</th><th>Hexadecimal Value</th>  </tr>
<tr>   <td style="background-color: black;"></td><td>Black</td><td>#000000</td><td></td>   <td style="background-color: green;"></td><td>Green</td><td>#008000</td>  </tr>
<tr>   <td style="background-color: silver;"></td><td>Silver</td><td>#c0c0c0</td><td></td>   <td style="background-color: lime;"></td><td>Lime</td><td>#00ff00</td>  </tr>
<tr>   <td style="background-color: grey;"></td><td>Gray</td><td>#808080</td><td></td>   <td style="background-color: olive;"></td><td>Olive</td><td>#808000</td>  </tr>
<tr>   <td style="background-color: white;"></td><td>White</td><td>#ffffff</td><td></td>   <td style="background-color: yellow;"></td><td>Yellow</td><td>#ffff00</td>  </tr>
<tr>   <td style="background-color: maroon;"></td><td>Maroon</td><td>#800000</td><td></td>   <td style="background-color: navy;"></td><td>Navy</td><td>#000080</td>  </tr>
<tr>   <td style="background-color: red;"></td><td>Red</td><td>#ff0000</td><td></td>   <td style="background-color: blue;"></td><td>Blue</td><td>#0000ff</td>  </tr>
<tr>   <td style="background-color: purple;"></td><td>Purple</td><td>#800080</td><td></td>   <td style="background-color: teal;"></td><td>Teal</td><td>#008080</td>  </tr>
<tr>   <td style="background-color: magenta;"></td><td>Fushia</td><td>#ff00ff</td><td></td>   <td style="background-color: cyan;"></td><td>Aqua</td><td>#00ffff</td></tr>
</tbody></table><br />
Contoh penggunaan warna diatas :<br />
<blockquote><code><h3 <b>style="color:#800000"</b>>HTML Colors</h3> </code></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b> <br />
<blockquote><h3 style="color: maroon;">HTML Colors </h3></blockquote><div style="text-align: center;"><b>Untuk mempermudah pemilihan warna , kita bisa menggunakan applikasi yang namanya color picker , kalo kamu mau download ,<a href="http://www.mediafire.com/?wdc2wwf1h335a9i"> klik disini</a></b></div>

HTML Colors

Dalam HTML , warna bisa digunakan melalui style atribut , bisa secara spesifik, seperti (brown) , dengan menggunakan hexadecimal code, seper...

Baca selengkapnya »

HTML Attributes

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUpRLtIs934izlgzURUVrz_aak9VhIbex7_LtEXGVgpFdn7rl_Xec3JNwZv9nhtHw_AanyEuo233NM2RWDgkKK72vu1OvGqx8mKyYLk58u0hRZsk2gzoj18uelBrNLlwMy2JTboUUdhU/s1600/HTML+Attributes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrUpRLtIs934izlgzURUVrz_aak9VhIbex7_LtEXGVgpFdn7rl_Xec3JNwZv9nhtHw_AanyEuo233NM2RWDgkKK72vu1OvGqx8mKyYLk58u0hRZsk2gzoj18uelBrNLlwMy2JTboUUdhU/s1600/HTML+Attributes.jpg" /></a></div>Tag HTML dapat berisi satu atau lebih atribut. Atribut ditambahkan ke tag untuk menyediakan informasi lebih lanjut tentang bagaimana tag akan muncul kepada browser . Atribut terdiri dari nama dan nilai yang dipisahkan oleh tanda sama dengan (=).<br />
<br />
<b>Contoh :</b> <br />
<blockquote><code><body <b>style="background-color:brown"</b>> </code></blockquote>Informasi dari atribut diatas adalah memberi tau browser bahwa style dari elemen body berwarna coklat .<br />
<br />
<b>Contoh Lain :</b><br />
Contoh berikutnya adalah atribut yang menggunakan tag <a>/</a> untuk membuat sebuah hyperlink .<br />
berikut ini contoh link menuju blog i love HaTe ML :<br />
<blockquote><code><a <b>href="http://ihateml.blogspot.com/"</b>>i love HaTe ML</a> </code></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><a href="http://ihateml.blogspot.com/">i love HaTe ML</a></blockquote><hr />Banyak Atribut yang tersedia dalam Elemen HTML , beberapa sudah umum digunakan dan sebagian nya lagi hanya tag-tag tertentu .Berikut atribut yang sudah umum digunakan :<br />
<br />
<b>class , style , title</b>

HTML Attributes

Tag HTML dapat berisi satu atau lebih atribut. Atribut ditambahkan ke tag untuk menyediakan informasi lebih lanjut tentang bagaimana tag aka...

Baca selengkapnya »

HTML Formatting

<div class="separator" style="clear: both; text-align: center;"><a href="http://tutorialcake.com/wp-content/uploads/2011/01/formatting-featured.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="160" src="http://tutorialcake.com/wp-content/uploads/2011/01/formatting-featured.png" width="180" /></a></div>Mungkin jika mendengar kata "Formatting" kamu akan mengingat aplikasi pengolah data seperti MS office Word & Excel . Pada dasarnya di HTML Formatting juga tak jauh berbeda , hanya di sini berbasis teks bukan tinggal menekan tombol :D.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<span style="font-size: large;"><u><b>Headings</b></u></span><br />
Ada tag khusus untuk menentukan judul dalam HTML. Ada 6 tingkat heading dalam HTML mulai dari h1 untuk yang paling penting, untuk h6 untuk yang setidaknya penting.<br />
<br />
<blockquote><h1>Heading 1</h1><br />
<h2>Heading 2</h2><br />
<h3>Heading 3</h3><br />
<h4>Heading 4</h4><br />
<h5>Heading 5</h5><br />
<h6>Heading 6</h6></blockquote><b> Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<div class="example-display"><blockquote><h1 style="border: none;">Heading 1</h1><h2 style="border: none;">Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6></blockquote></div><br />
<br />
<br />
<span style="font-size: large;"><u><b>Bold</b></u></span><br />
Untuk memberi kesan pada sebuah teks , kamu bisa menggunakan tag ini <b><b></b><br />
<blockquote><b>Blog Ini Bagus</b></blockquote><b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><b> Blog Ini Bagus</b></blockquote><span style="font-size: large;"><u><b>Italics</b></u></span><br />
Untuk memberi kesan pada sebuah teks , kamu bisa menggunakan tag ini <b><i></b><br />
<blockquote><i>Blog Ini Bagus</i><b> </b></blockquote><b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><b> </b><i>Blog Ini Bagus</i></blockquote><br />
<br />
<span style="font-size: large;"><u><b>Line Breaks</b></u></span><br />
Untuk membuat sebuah teks berpindah ke garis baru . <br />
<blockquote><p>Memang Benar Giswara Hebat<b><br></b>Blog Ini Bagus<b></br></b></p></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<b> </b><br />
<blockquote>Memang Benar Giswara Hebat<br />
Blog Ini Bagus</blockquote><br />
<br />
<br />
<span style="font-size: large;"><u><b>Horizontal Rule</b></u></span><br />
Untuk membuat garis horizontal (menyamping) .<br />
<blockquote>i love HaTe ML<hr/>Giswara Darusman</blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote>i love HaTe ML<br />
<hr />Giswara Darusman</blockquote><br />
<br />
<span style="font-size: large;"><u><b>Unordered (unumbered) List</b></u></span> <br />
Untuk membuat daftar namun tidak menggunakan angka melainkan menggunakan titik saja .<br />
<blockquote><ul><br />
<li>isi daftar 1</li><br />
<li>isi daftar 2</li><br />
<li>isi daftar3</li><br />
</ul></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b><br />
<blockquote><ul><li>isi daftar 1</li>
<li>isi daftar 2</li>
<li>isi daftar3</li>
</ul></blockquote><br />
<br />
<span style="font-size: large;"><u><b>Ordered (numbered) List</b></u></span><br />
Nah untuk yang satu ini , daftarnya menggunakan angka .<br />
<blockquote><ol><br />
<li>isi daftar 1</li><br />
<li>isi daftar 2</li><br />
<li>isi daftar 3</li><br />
</ol></blockquote> <b>Dari kode diatas maka diperolaeh hasil seperti ini :</b> <br />
<blockquote><ol><li>isi daftar 1</li>
<li>isi daftar 2</li>
<li>isi daftar 3</li>
</ol></blockquote><hr /><b>Jadi , pada dasarnya tag-tag HTML ini berasal dari Nama tag tersebut yang di singkat ...  </b><br />
<div style="text-align: center;"><br />
</div><div style="text-align: center;"><span style="font-size: large;"><b>Tag HTML Formatting Selengkapnya bisa kamu download disini :</b></span></div><div style="text-align: center;"><span style="font-size: large;"><b><a href="http://www.mediafire.com/?08x14x1xf6q22ss">Download HTML Formatting.docx</a></b></span></div>

HTML Formatting

Mungkin jika mendengar kata "Formatting" kamu akan mengingat aplikasi pengolah data seperti MS office Word & Excel . Pada dasa...

Baca selengkapnya »

Featured Video

Featured Video

Find Us On Facebook

Advertisement

Labels

Popular Posts

Labels

Labels

Popular Posts

Sponsor

Video Of Day

HTML Comments

HTML Meta Tags

HTML Images

HTML Links

HTML Colors

HTML Attributes

HTML Formatting