programer junior: disain web bagian ke dua .html

Ass.wr.wb

oke sekarang kita bakala lanjutin tutorial tentang memanipulasi kata di html,langsung aja ke topik.

Manipulasi Font

Untuk memanipulasi font kita akan menggunakan inline style/CSS (akan dibahas dibagian

berikutnya). Kita tidak akan menggunakan tag karena tag ini sudah “kuno” alias deprecated.

W3C sebagai pengembang HTML sudah tidak menyarankan untuk menggunakan tag font lagi.

Sebagai gantinya digunakan tag dan inline style. Inline style adalah attribut style yang

diberikan pada sebuah tag HTML. Contoh, untuk membuat tampilan teks tebal gunakan cara

berikut:

Aku adalah teks tebal

Output:

Aku adalah teks tebal

Pada contoh diatas kita memberikan attribut style, yang berisi “fontweight:bold”. Maksudnya

adalah kita akan mengaplikasikan style bold pada teks yang diapit oleh tag .

Pemberian style tidak hanya terbatas pada satu bagian saja. anda dapat memberikan beberapa style

sekaligus dengan memberi tanda pemisah berupa “;” untuk setiap style.

Aku

adalah teks tebal, bergaris bawah dan miring

Output

Aku adalah teks tebal, bergaris bawah, dan miring

Pada contoh diatas kita menerapkan tiga style pada tag span. Dapat dilihat kalau setiap style

dipisahkan oleh titik koma. Intinya kita dapat memberikan banyak style sekaligus pada suatu tag.

Attribut style tidak terbatas pada tag span saja, hampir semua tag yang digunakan

untuk presentasi teks dapat kita sisipi tag style.

Penerapan Teori Manipulasi Teks

1. Buka gedit/Notepad++ dll

2. Ketik kode HTML berikut ini

<html>

<head>

<title>Manipulasi Teks</title>

</head>

<body>

<h1 style="color:red;textdecoration:underline">PENGUMUMAN!</h1>

Barang siapa yang menemukan dompet saya, akan saya beri

ISTRI, MOBIL, RUMAH dan

Segala SERTIFIKAT TANAH SAYA DIJAMIN!!!.

</body>

</html>

3. Simpan dengan nama manipulasiteks.html

4. Buka dengan browser anda

dan tunggu kelanjuatanya jangan lupa di bagikan jika menurut temen-temen ini dibutuhkan...

programer junior