HTML pertemuan 2
Transcript of HTML pertemuan 2
-
7/25/2019 HTML pertemuan 2
1/3
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
Menebalkan huruf
Memiringkan huruf
Menggarisbawahi huruf
Mencoret huruf
Membuat huruf keyboard
Membuat huruf subscripted
Membuat huruf superscripted
Untuk Enter
Contoh :
-
7/25/2019 HTML pertemuan 2
2/3
2. Memasukkan Gambar ke Halaman Website
teknik yang cukup sering kita pakai juga yaitu bagaimana memasukkan gambar
ke dalam HTML adalah dengan coding :
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.jpgdan file Belajar.htmllebih 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 foldermaka coding di htmlnya harus di
tambah / (slash) contoh :
Berarti imagesadalah folder yang didalamnya ada file Koala.jpg
-
7/25/2019 HTML pertemuan 2
3/3
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 : [email protected]
mailto:[email protected]:[email protected]