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 : ebuenje@gmail.com

mailto:ebuenje@gmail.commailto:ebuenje@gmail.com