Memodifikasi Teks
Dalam memodifikasi teks ini kita akan Jenis – jenis
font, ukuran font, heading, paragraf, dan allignment. Untuk mengawali sub bab
berikut ini kita mulai dengan pembuatan heading terlebih dahulu.
1.
Heading
Teks dalam
dokumen umumnya mempunyai judul topik, dalam dokumen HTML disebut dengan Heading.
Heading didalam HTML akan ditampilkan dalam tulisan bercetak tebal. Heading
juga berarti untuk menunjukkan tingkat keberartian dari teks.
Ada 6 tingkatan
heading dalam HTML, yang dinomori mulai dari angka satu sampai dengan enam. Nomor
1 atau heading1 menghasilkan teks judul yang terbesar, sedangkan nomor 6 atau
heading6 menghasilkan teks judul terkecil. Sehingga kesimpulannya semakin angka
heading itu besar, maka semakin kecil teks yang akan ditampilkan dengan batasan
sampai dengan angka 6.
Adapun sintak
penulisan dalam HTML sebagai berikut :
<h1>Penulisan
Teks Heading Nomor 1</h1>
<h2>Penulisan
Teks Heading Nomor 2</h2>
<h3>Penulisan
Teks Heading Nomor 3</h3>
<h4>Penulisan
Teks Heading Nomor 4</h4>
<h5>Penulisan
Teks Heading Nomor 5</h5>
<h6>Penulisan
Teks Heading Nomor 6</h6>
2.
Paragraf
Setiap paragraf
harus dimulai dengan pemberian tag <p> dan diakhiri dengan tag </p>.
Namun sebenarnya dalam pembuatan sebuah paragraf tidak perlu diberikan tag
akhir tidak mengapa, karena dalam setiap kita akan membuat sebuah paragraf
harus diawali dengan tag <p>.
Contoh :
<p>
Setiap paragraf
harus dimulai dengan pemberian tag “< p >” dan diakhiri dengan tag “< /p >”. Namun sebenarnya dalam
pembuatan sebuah paragraf tidak perlu diberikan tag akhir tidak mengapa, karena
dalam setiap kita akan membuat sebuah paragraf harus diawali dengan tag “< p
>”.
<p>
Demikian
pengertian untuk pembuatan paragraf dalam struktur HTML.
</p>
3.
Jenis dan ukuran font
Untuk mengawali
pembuatan font disini kita akan mempelajari bagaimana membuat sebuah teks
dengan mengganti jenis dan ukuran pada font. Untuk membuat sebuah modifikasi
teks maka kita harus mengawalinya dengan tag <font> dan diakhiri
dengan tag </font>. Misal disini kita akan merubah jenis /
style teks yang sudah ada sebelumnya pada sebuah dokument HTML menjadi jenis
font monotype corsiva , maka penulisannya sebagai berikut :
<font face=”monotype corsiva”>
Ini adalah isi dari dokument HTML yang
kita buat dan akan tampil pada layar browser.
</font>
Kemudian untuk
merubah ukuran teksnya :
<font size=5>
Ini adalah isi dari dokument
HTML yang kita buat dan akan tampil pada layar browser.
</font>
Untuk ukuran
huruf bisa kita berikan dari angka 1 sampai dengan 7.
Kemudian untuk
merubah warna teksnya :
<font color=red
face=calibri size=2>
Ini adalah isi dari dokument HTML yang
kita buat dan akan tampil pada layar browser.
</font>
4.
Allignment
Adalah untuk
mengatur posisi sebuah obyek. Untuk posisi allign dibagi menjadi 2 yaitu allign
untuk horisontal dan vertikal. Untuk allign secara horisontal ada 4, yaitu :
left, right, center, dan justify.
a.
Left untuk membuat sebuah obyek rata ke
sebelah kiri.
b.
Right untum membuat sebuah obyek rata ke
sebelah kanan.
c.
Center untuk membuat sebuah obyek rata
tengah.
d.
Justify untuk membuat sebuah obyek rat
kiri dan kanan.
Sedangkan
allign secara vertikal terdiri dari : top, middle / center, bottom.
a.
Top, untuk mengatur posisi obyek rata
atas secara vertikal
b.
Center, untuk mengatur posisi obyek rata
tengah secara vertikal
c.
Bottom, untuk mengatur posisi obyek rata
bawah secara vertikal
Allignment
penerapannya berbeda – beda :
1.
Allignment diterapkan dalam struktur
HTML :
<center>Misal teks ini saya buat
rata tengah</center>
<left>Gambar rata kiri <img
src=mawar.jpg></left>
<right>Ini rata kanan <img
src=mawar.jpg></right>
2.
Allignment diterapkan dalam paragraf :
<p align=center>............</p>
<p align=right></p>
No comments:
Post a Comment