Menulis karakter ke halaman web

Untuk menuliskan sesuatu ke halaman web, akan ditranslate ke dalam kode-kode yang disebut HTML. Quanta mempunyai kemampuan untuk melihat source code dan sekaligus mode desainnya. Disarankan untuk menggunakan mode split agar kita dapat melihat desain dan kode HTMLnya.

Hal pertama yang kita pelajari adalah bagaimana memformat teks. Jika kita blok suatu teks lalu kita klik ikon Bold, maka teks itu akan menjadi tebal. Berikut adalah cara penulisan kode HTMLnya

<strong>Hallo</strong>
maka tulisan Hallo akan menjadi bold: Hallo

Beberapa tag pemformatan teks lainnya adalah

<em>Tulisan ini miring</em> akan memberikan efek italic
<u>Tulisan bergaris bawah</u> akan memberikan efek underline

Untuk mengubah jenis font atau huruf, kita dapat menggunakan tag font, yang dapat diikuti dengan parameter format ukuran font dan warna.

<font face="Verdana" size="+2" color="#ff0000">
Percobaan ubah teks
</font>

Teks yang diapit oleh tag font akan diubah format fontnya. Dalam contoh di atas, teks akan diubah hurufnya menjadi Verdana ukuran lebih besar 2x dari ukuran normal dan warna merah.

Warna di dalam HTML, dikodekan ke dalam 6 digit bilangan heksadesimal, dimana tiap dua digit mewakili warna berturut-turut R (RED), G (GREEN) dan B (BLUE). Dalam contoh di atas, bagian RED diwakili dengan digit ff, sedangkan GREEN dan BLUE diwakili digit 00, sehingga dihasilkan warna merah murni. Kita bisa bereksperimen mengubah angka-angka tersebut untuk menghasilkan variasi warna yang sangat banyak. Atau kita bisa juga menggunakan software bantu seperti Photoshop untuk memilih warna dari color mixer dan langsung bisa terlihat kodenya.

Jika tag html kebanyakan mempunyai tag pembuka dan penutup, tidak demikian tag <BR>, karena tag ini digunakan untuk mengganti baris, sama seperti kita menekan tombol ENTER.

Latihan:

Coba buat seperti ini:

Nama: Nama Siswa
Kelas: 11
Tanggal Lahir: 25 Desember 1990

Formatlah teks dengan mengubah-ubah font, ukuran dan warna, serta dapat diubah efek teksnya juga.

Membuat teks / object berjalan dari kanan ke kiri dapat dilakukan dengan tag <marquee>. Contoh dapat dilihat dibawah ini:
Teks ini diapit oleh tag marquee

Menambahkan Image ke halaman web

Berikutnya, kita dapat memasukkan image ke dalam halaman web kita. Kita dapat memanfaatkan fasilitas Quanta dengan mengklik ikon Image yang ada di Toolbar. Atau dapat pula dengan menuliskan kode HTMLnya sebagai berikut:

<img src="filegambar.jpg">

kita dapat menambahkan parameter untuk width dan height, namun disarankan untuk mengikuti dimensi gambar aslinya agar tetap proporsional.

Menyimpan Dokumen

Seperti biasa kita dapat mensave dokumen kita dengan nama, misalnya latihan1.html. Di dalam Quanta kita harus memilih format dokumen yang akan kita pilih, tentunya dalam format HTML. Simpan ke dalam folder /home/nama siswa/document