Memodifikasi Teks

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>