Bagi seorang blogger tidak afdol rasanya jikalau belum dapat mengusai tehnik-tehnik instruksi HTML dasar, kalai ini aku akan membagikan artikel perihal instruksi html yang harus di kuasai oleh blogger, Semoga kali ini sangat bermanfaat untuk dapat membuatkan Kode-kode HTML dibawah ini untuk Para Sobat Blogger dan Pembaca sekalian.
Kode-kode HTML itu sebetulnya merupakan salah satu syarat yang harus dimiliki sebagai seorang blogger untuk dapat lebih afdhol gitu hloo... ™Ќîiîk.·:::D Ќîiîk :D::·. Ќîiîk™...
Tapi ya tidaklah segitunya koq Sobat... Maksud tutor26 tadi itu hanya untuk memperlihatkan semangat supaya Kita mau Mempelajari Kode-kode HTML Dasar, itu saja.
Mari Kita semua BELAJAR !!!
Membuat Center, gunakan instruksi : <p align="center">Belajar</p> hasilnya seperti:
Belajar
Membuat Posisi kekanan gunakan instruksi : <p align="right">Belajar</p> alhasil menyerupai :
Belajar
Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya menyerupai :
Belajar
Membuat Huruf Tebal gunakan kode: <b>Belajar</b> alhasil menyerupai :
Belajar
Membuat Huruf Garis Bawah gunakan instruksi : <u>Belajar</u> alhasil menyerupai :
Belajar
Membuat Huruf bercetak Miring gunakan instruksi : <i>Belajar</i> alhasil menyerupai :
Belajar
Membuat Kombinasi abjad tebal,miring,garisbawah,gunakan instruksi :
<b><i><u>Belajar</u></i></b> alhasil menyerupai :
Belajar
Membuat Huruf tebal strong gunakan instruksi : <srong>Belajar</strong> hasilnya menyerupai :
Belajar
Membuat Huruf Hidden gunakan instruksi : <span style="visibility: hidden">Belajar</span> alhasil menyerupai :
Namanya juga hidden.. tentunya tidak kelihatan laaah...xixixixiii...
Membuat Huruf Besar semua (uppercase) gunakan instruksi :
<span style="text-transform: uppercase">Belajar</span> hasilnya menyerupai :
Belajar
Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span> alhasil menyerupai ini:
Belajar
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4<sub>2</sub></p>hasilnya menyerupai ini:
42
Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4<sup>2</sup></p> alhasil menyerupai ini:
42
Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span> alhasil menyerupai ini:
Belajar mengganti huruf
Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike> alhasil menyerupai ini:
Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p> alhasil menyerupai ini:
Belajar
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> alhasil menyerupai ini:
Belajar
Menentukan warna abjad gunakan kode:
<p style="color: green; >Belajar</p> alhasil menyerupai ini:
Belajar
Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
alhasil menyerupai ini:
- DOT 1
- DOT 2
- DOT 3
Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
alhasil menyerupai ini:
- DOT 1
- DOT 2
- DOT 3
Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
alhasil menyerupai ini:
- DOT 1
- DOT 2
- DOT 3
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
alhasil menyerupai ini:
- DOT 1
- DOT 2
- DOT 3
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
alhasil menyerupai ini:
Belajar
Membuat tabel border solid gunakan kode:
<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
alhasil menyerupai :<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>
| Text |
Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
alhasil menyerupai ini:
| Text |
Membuat Tabel Biasa gunakan instruksi :
<table border="1"width="200"><td>Text</td></table>
alhasil seperti:
| Text |
Membuat Tabel berwarna gunakan instruksi :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya menyerupai :
| Text |
Membuat Tabel berwarna tak berbingkai gunakan instruksi :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
| Text |
Untuk kode-kode HTML yang lain anda dapat mengulik lewat software-software web designer atau situs-situs penyedia layanan HTML.
*Tabel-tabel diatas, support pada browser IE (Internet Explorer).
Bagaimana Sobat...apa Kalian semua kesulitan...???
Ini mah belum seberapa untuk pelajaran perihal peng-kode-an HTML, masih lebih Gila lagi jikalau nanti masuk pada tahap berguru PHP.
Yakin aja bahwa diri kalian Hebat...!!!
Bukan bermaksud untuk mengajarkan KESOMBONGAN, tetapi lebih kepada memberika semangat dan menyemangati diri kita sendiri semoga lebih Percaya Diri.
Seperti yang dikatakan Paman "Pe" perihal mempelajari Kode PHP.
Semoga ada manfaat buat Mas Bos dimanapun bearada (",)
Semoga ada manfaat buat Mas Bos dimanapun bearada (",)