PERTEMUAN KE II

WEB PROGRAMMING
SMK NU BANTARAN
Oleh : Abu Tholib, M.Kom

1. Text Formatting
Text Formating. Ini adalah manipulasi bagaimana menampilkan text yang sesuai keinginan.
Meliputi bagaimana menebalkan text, memiringkan, memberi garis bawah, dll dibawah ini
adalah beberapa tag yang digunakan

<strong>

Menebalkan huruf

<em>

Memiringkan huruf

<ins>

Menggarisbawahi huruf

<del>

Mencoret huruf

<kbd>

Membuat huruf keyboard

<sub>

Membuat huruf subscripted

<sup>

Membuat huruf superscripted

</br>

Untuk Enter

Contoh :

2. Memasukkan Gambar ke Halaman Website

teknik yang cukup sering kita pakai juga yaitu bagaimana memasukkan gambar
ke dalam HTML adalah dengan coding :
<img src="lokasi/nama file" height=150 width=150>

Keterangan coding diatas :

Src = lokasi/nama filenya
Height = tinggi
Width = lebar
Yang perlu kita perhatikan dalam belajar memasukkan gambar adalah :
a) Ekstensi Gambar (jpg/png/gif)
b) Lokasi gambar
Contoh :

Catatan :
a) File Koala.jpg dan file Belajar.html lebih baik dalam satu folder, saya taruh di
desktop luar saja seperti contoh diatas (boleh ditaruh di Drive D/E asalkan dalam satu
folder/drive)
b) Sehingga ketika coding yang memanggil file Koala.jpg bisa ditampilkan di web
browser.
c) Koala.jpg atau koala.jpg (Besar kecilnya huruf ) tidak begitu berpengaruh di HTML
d) Seandainya file Koala.jpg berada di lain folder maka coding di htmlnya harus di
tambah / (slash) contoh : <img src=images/Koala.jpg height=150 width=150>
Berarti images adalah folder yang didalamnya ada file Koala.jpg

TUGAS RUMAH 2
1. Coba anda berexperiment dengan coding dibawah ini : apa yang terjadi ???

2. Bisakah gambar di buat pindah-pindah / bergelembung seperti contoh diatas ? yang di

contohkan adalah tulisan SMK NU Bantaran ?
3. Anda bisa mencoba foto anda sendiri untuk eksperiment dan hasilnya kirim ke email saya atau
ke FB ?

EMAIL : ebuenje@gmail.com