Dasar-dasar Text HTML
pada kesempatan kali ini kita akan belajar mengenai dasar-dasar dari teks (HTML) HyperText Markup Language, (HTML) sendiri adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Di bawah ini ada beberapa kode-kode untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman anda. silahkan untuk dicoba satu persatu..!!
Membuat Center,gunakan kode :
hasilnya seperti:
oziq14.wordpress.com
Membuat Posisi kekanan gunakan kode :
hasilnya seperti :
oziq14.wordpress.com
Membuat Posisi kekiri gunakan kode:
hasilnya seperti :
oziq14.wordpress.com
Membuat Huruf Tebal gunakan kode:
hasilnya seperti :
oziq14.wordpress.com
Membuat Huruf Garis Bawah gunakan kode :
hasilnya seperti :
oziq14.wordpress.com
Membuat Huruf bercetak Miring gunakan kode :
hasilnya seperti :
oziq14.wordpress.com
Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
hasilnya seperti :
oziq14.wordpress.com
Membuat Huruf tebal strong gunakan kode :
hasilnya seperti :
Belajar
Membuat Huruf Hidden gunakan kode :
hasilnya seperti :
Namanya juga hidden..ya..ga keliatan..
Membuat Huruf Besar semua (uppercase) gunakan kode :
hasilnya seperti :
OZIQ14.WORDPRESS.COM
Membuat Huruf Small caps gunakan kode:
hasilnya seperti ini:
oziq14.wordpress.com
Membuat Huruf Subscribe / kecil di bawah gunakan kode:
hasilnya seperti ini:
14oziq14.wordpress.com
Membuat Huruf Superscribe / pangkat gunakan kode:
hasilnya seperti ini:
14oziq14.wordpress.com
Membuat Huruf bergaris atas gunakan kode:
hasilnya seperti ini:
oziq14.wordpress.com
Membuat Huruf bergaris tengah gunakan kode:
hasilnya seperti ini:
oziq14.wordpress.com
Menentukan ukuran huruf gunakan kode:
hasilnya seperti ini:
Menentukan warna huruf gunakan kode:
hasilnya seperti ini:
Membuat bullet dot bolong gunakan kode:
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
</ul>
hasilnya seperti ini:
Membuat bullet dot kotak gunakan kode:
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
</ul>
hasilnya seperti ini:
Membuat bullet dot bulat gunakan kode:
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
</ul>
hasilnya seperti ini:
Mengatur posisi bullet gunakan kode:
<blockquote>
<blockquote>
<ul>
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
<li>oziq14.wordpress.com</li>
</ul>
</blockquote>
</blockquote>
</blockquote>
hasilnya seperti ini:
Menentukan kombinasi warna, dan ukuran huruf gunakan kode:
hasilnya seperti ini:
Membuat tabel border solid gunakan kode:
<tr>
<td style=”border-style: solid”>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti :
oziq14.wordpress.com |
Membuat tabel border dot gunakan kode:
style=”border-style: dotted”>
<tr>
<td border=”2″ style=”border-style:
dotted”>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat tabel border dashed gunakan kode:
<tr>
<td style=”border-style: dashed”>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat tabel border groove gunakan kode:
<tr>
<td>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat tabel border Ridge gunakan kode:
<tr>
<td>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat tabel border Insert gunakan kode:
<tr>
<td>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat tabel border Outset gunakan kode:
<tr>
<td>oziq14.wordpress.com</td>
</tr>
</table>
hasilnya seperti ini:
oziq14.wordpress.com |
Membuat Tabel Biasa gunakan kode :
hasilnya seperti:
oziq14.wordpress.com |
Membuat Tabel berwarna gunakan kode :
hasilnya seperti :
oziq14.wordpress.com |
Membuat Tabel berwarna tak berbingkai gunakan kode :
hasilnya seperti:
oziq14.wordpress.com |
Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer seperti dreamweaver atau situs-situs penyedia layanan HTML…!!
Posted on 24 May, 2011, in Tutorial, Wordpress and tagged Html, wordpress. Bookmark the permalink. Leave a comment.
Leave a comment
Comments 0