Tuesday 25 November 2014

Tag dasar HTML buat pemformatan teks

Sudah gak asing lagi kayaknya bagi para bloger dengan kata HTML(HyperText Markup Language).Cuma mungkin masih banyak juga yang masih bingung cara penerapannya dilapangan atau pada prakteknya langsung,termasuk saya juga masih bingung hehehe.
Bagi yang pengen tahu HTML secara lengkap silahkan ke sini,karna tutorial blog pada kesempatan kali ini hanya akan membahas tag dasar HTML buat pemformatan teks yang sering digunakan dalam membuat artikel diblog agar terlihat rapi sesuai dengan apa yang kita inginkan.

Membuat garis baru:
tag: <br/>
Contoh: percobaan<br/>percobaan<br/>percobaan
Hasilnya:
percobaan
percobaan
percobaan

Membuat huruf tebal:
Tag: <b></b>
Contoh: <b>percobaan</b>
Hasilnya: percobaan

Membuat huruf miring:
Tag: <i></i>
Contoh: <i>percobaan</i>
Hasilnya: percobaan

Membuat garis bawah:
Tag: <u></u>
Contoh: <u>percobaan</u>
Hasilnya: percobaan

Membuat align center:
Tag: <p></p>
Atribut: align
Contoh: <p align='center'>percobaan</p>
Hasilnya:
percobaan

Membuat align left:
Tag: <p></p>
Atribut: align
Contoh: <p align='left'>percobaan</p>
Hasilnya:
percobaan

Membuat align right:
Tag: <p></p>
Atribut: align
Contoh: <p align='right'>percobaan</p>
Hasilnya:
percobaan

Membuat teks berwarna
Tag: <span></span>
Atribut: style
Contoh: <span style='color:red;'>percobaan</span>
Hasilnya: percobaan

Membuat lis dengan angka:
Tag: <ol></ol> dan <li></li>
Contoh: <ol><li>percobaan</li><li>percobaan</li><li>percobaan</li></ol>
Hasilnya:
  1. percobaan
  2. percobaan
  3. percobaan

Membuat lis tanpa angka:
Tag: <ul></ul> dan <li></li>
Contoh: <ul><li>percobaan</li><li>percobaan</li><li>percobaan</li></ul>
Hasilnya:
  • percobaan
  • percobaan
  • percobaan


Cukup sampai disini dulu tutorial blog kali ini,walaupun cuma sedikit,mudah-mudahan bermanfaat.

No comments:

Post a Comment