Manipulasi Text dengan HTML

189 Membuat Homepage Sederhana dan Interaktif Yang berarti pada halaman dokumen tertulis pada paragraf: 1. Yang bertuliskan: MAJU BERSAMA CREATIF COMPUTER, ditulis dengan format: • Bold atau tebal yang ditandai dengan adanya tag : b…………b • Jenis huruf Times New Roman dengan adanya tag : font face = ”Times New Roman” • Ukuran huruf 4 atau 14 pt dengan adanya tag : size = ”4” • Warna huruf biru dengan adanya tag : color = ”0000FF” 2. Yang bertuliskan: Selamat Datang Kepada Para Peserta, ditulis dengan format: • Italic atau miring yang ditandai dengan adanya tag : i…………i • Jenis huruf Times New Roman dengan adanya tag : font face = Comic San MS • Ukuran huruf 3 atau 12 pt dengan adanya tag : size = 3 • Warna huruf normal hitam dengan tidak adanya tag : color 3. Yang bertuliskan : PELATIHAN HOMEPAGE DESIGN, ditulis dengan format: • Normal Reguler yang ditandai dengan tidak adanya tag gaya huruf. Beberapa tag gaya huruf Font Style: i…………i yang berarti italic b…………b yang berarti Bold • Jenis huruf Normal Courier New dengan tidak adanya tag : font face • Ukuran huruf normal dengan tidak adanya tag : size • Warna huruf normal hitam dengan tidak adanya tag : color 4. Yang bertuliskan : di, ditulis dengan format: • Normal Reguler yang ditandai dengan tidak adanya tag gaya huruf. • Jenis huruf Normal Courier New dengan tidak adanya tag : font face • Ukuran huruf normal dengan tidak adanya tag : size • Warna huruf normal hitam dengan tidak adanya tag : color 5. Yang bertuliskan: Kampus Pusat Pelatihan, ditulis dengan format: • Normal Reguler yang ditandai dengan tidak adanya tag gaya huruf. • Jenis huruf Normal Courier New dengan tidak adanya tag : font face • Ukuran huruf normal dengan tidak adanya tag : size • Warna huruf normal hitam dengan tidak adanya tag : color Creatif Computer ditulis dengan format: • Bold atau tebal yang ditandai dengan adanya tag : b…………b. • Jenis huruf Normal Courier New dengan tidak adanya tag : font face • Ukuran huruf normal dengan tidak adanya tag : size • Warna huruf normal hitam dengan tidak adanya tag : color HTML di atas akan ditampilkan pada halaman Web sebagai berikut hasilnya akan sama dengan memanipulasi tabel secara langsung pada halaman Web Homepage. 190 Teknologi Informasi dan Komunikasi Kelas XI Gambar 3.5 Tampilan hasil manipulasi teks HTML pada halaman Web

2. Manipulasi Text Secara Langsung pada Halaman Web Homepage

Manipulasi text secara langsung pada halaman web homepage serta pengaturan formatnya sama halnya dengan manipulasi text serta pengaturan formatnya pada halaman dokumen MS.Word. Untuk memanipulasi text pada halaman normal dapat dilakukan dengan langkah sebagai berikut. a. Tentukan pointer sisipan tempat text akan ditulis. b. Ketiklah text yang diinginkan seperti gambar di bawah ini. c. Formatlah melalui Font pada menu Format. d. Text sudah tertulis dengan format yang diinginkan. e. Simpanlah dengan nama file Belajar Homepage 1 melalui Save As pada menu File. Gambar 3.6 Tampilan hasil manipulasi teks pada halaman Web 191 Membuat Homepage Sederhana dan Interaktif

1. Manipulasi Gambar dengan HTML

Untuk memanipulasi gambar dapat dilakukan melalui tag-tag kode HTML Yang berarti gambar diambil dari alamat URL : ”PE01832_.gif” gambar komputer HTML di atas akan ditampilkan pada halaman web sebagai berikut. Hasilnya akan sama dengan memanipulasi gambar secara langsung pada halaman web homepage: Gambar 3.7 Tampilan hasil manipulasi gambar dengan HTML

2. Manipulasi Gambar Secara Langsung pada Halaman Web Homepage

Manipulasi gambar serta pengaturan propertiesnya pada halaman web homepage sama halnya dengan manipulasi gambar serta pengaturan propertiesnya pada halaman dokumen MS.Word. Untuk memanipulasi text pada halaman normal dapat dilakukan dengan langkah sebagai berikut: a. Bukalah file yang diinginkan. Misalnya, File Belajar Homepage 1. b. Tentukan pointer sisipan tempat gambar akan disisipkan. c. Klik Insert - Picture - ClipArt atau From File atau Video. d. Pilih dan masukkan gambar yang diinginkan. e. Aturlah format gambar agar lebih menarik.

F. Manipulasi Gambar

G. Manipulasi Daftar Item

1. Manipulasi Daftar Item

Untuk memanipulasi daftar item dapat dilakukan melalui tag-tag kode HTML berikut.