gravatar

Dasar dasar HTML

Dalam HTML seperti format text berupa tebal, miring, garis bawah, membuat tabel, dll, dapat di lakukan dengan kode-kode. Di bawah ini ada beberapa kode-kode untuk mewakili format text tersebut maupun mebuat berbagai object dalam halaman blog anda, meskipun sekarang sudah banyak pembuatan halaman HTML dengan software instant seperti Dreamweaver, Artisster dll tapi, dalam pembuatan template, biasanya saya menggunakan Artister tapi untuk membuat sebuah tampilan halaman biasa atau mengedit tampilan web, biasanya saya cuma menggunakan Dreamwiever. bagi kalian sobat blogger yang belum mengerti betul tentang html, berikut saya share sedikit contoh tentang Dasar dasar HTML :

---------------------------------------------------------------------------------------------------------------
Membuat Center, gunakan kode : <p align="center">Belajar</p> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Posisi kekiri gunakan kode : <p align="left">Belajar</p> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf tebal gunakan kode : <b>Belajar</b> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf Garis Bawah gunakan kode :<u>Belajar</u> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf bercetak Miring gunakan kode : <u>Belajar</u> hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Kombinasi huruf tebal, miring, garis bawah, gunakan kode :
<b><i><u>Belajar</u></i></b>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span>
hasilnya :

---------------------------------------------------------------------------------------------------------------
Membuat Huruf Besar semua gunakan kode :
<span style="text-transform: uppercase">Belajar</span>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf Small caps gunakan kode :
<span style="font-variant: small-caps">Belajar</span>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf Subscribe / kecil di bawah gunakan kode :
<p>4<sub>2</sub></p>
hasilnya :
42
---------------------------------------------------------------------------------------------------------------
Membuat Huruf Superscribe / pangkat gunakan kode :
<p>4<sup>2</sup></p>
hasilnya :
42
---------------------------------------------------------------------------------------------------------------
Membuat Huruf bergaris atas gunakan kode :
<span style="text-decoration: overline">Belajar</span>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Membuat Huruf bergaris tengah gunakan kode :
<strike>Belajar</strike>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Menentukan jenis huruf gunakan kode :
<p><font-size="2" >Belajar</font></p>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Menentukan warna huruf gunakan kode :
<p style="color: blue; >Belajar</p>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------
Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode :
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>
hasilnya :
Belajar
---------------------------------------------------------------------------------------------------------------

My Playlist