Laporan Praktikum Pemrograman WEB MODUL I

MODUL I

PENGENALAN HTML

A. MAKSUD dan TUJUAN

1. Maksud

Mengenalkan pada mahasiswa mengenai pemrograman

WEB dengan menggunakan HTML

Mengenalkan kode-kode HTML

2. Tujuan

Mahaiswa dapat membuat halaman WEB dengan menggunakan

kode HTML secara sederhana

Mahaiswa dapat membuat tampilan dokumen HTML dengan

menggunakan permainan warna, dan berbagai jenis tapilan teks

B. DASAR TEORI

HTML merupakan HyperText Markup Language, yaitu bahasa

pemrograman untuk membangun aplikasi web. Untuk membuat sebuah web

dan mengakses halaman web tersebut diperlukan :

1. Editor, untuk menuliskan kode-kode HTML

2. Web Server, sebagai server untuk melayani permintaan klien (Apache)

3. Web Browser, untuk mengakses halaman Web

Bagian yang terdapat dalam tag HTML terdiri dari

Kepala

Badan

Untuk menampilkan Tulisan / Teks dihalaman web, dengan mengetikkan

teks dalam tag <BODY>…</BODY>, dan unutk mengatur peletakkan teks,

ada beberapa teks yang digunakan.

Warna font dapat diatur pada BODY dan juga tag FONT, untuk warna

latar belakang teks dapat ditentukan dengan menggunakan atribut BGCOLOR

pada tag BODY. Dan untuk warna latar depan teks diatur melalui atribut

COLOR pada tag FONT.

Memanpilkan gambar utnuk content web maupun sebagai latar belakang

halaman web dapat menambahkan atribut BACKGROUND pada tag

<BODY>, dan untuk menampilkan gambar dalam halaman web dapat

menggunakan tag <IMG>.

Membuat garis horizontal dapat menggunakan tag <HR>.

C. PEMBAHASAN

Pada praktikum modul ini kita akan membuat program yang sederhana.

Kita juga dapat mendesain program tersebut sesuai dengan keinginan kita.

Dimana kita dapat memberikan warna Font, menampilkan gambar, membuat

garis horizontal, dan lainnya.

Pada penulisan program praktikum kali ini, terdapat :

Pasangan tag <html> dan </html> yang menandakan bahwa kode yang

terdapat didalamnya adalah kode html, sehingga browser akan

menerjemahkan sebagai dokumen html.

Bagian yang terdapat dalam <html> dan </html> biasanya terbagi atas

kepala, dan badan.

Bagian kepala ditandai dengan pasangan tag <head> dan </head>,

sedangkan bagian badan ditandai dengan tag <body>, dan </body>.

Pada bagian kepala, anda bisa menentukan judul dokumen html. Judul ini

ditulis dalam pasangan tag <title> dan </title>. Pada contoh diatas, judul

dokumen html berupa “Halaman Web dengan HTML”.

Terdapat beberapa kode <Br> pada teks program, ini menandakan

adanyakita akan membuat garis baru atau pindah baris.

Terdapat kode <Body bgcolor =”silver”> yang merupakan pemberian

warna Silver untuk badannya.

Terdapat kode <img src=” blue hills”> yang merupakan pemberian

gambar, kebetulan gambar yang dipakai bernama blue hills. Kita bisa

mengganti gambar sesuai dengan keinginan kita sendiri.

Terdapat kode <BODY background=<” danau biru.jpg”> yang merupakan

gambar latar belakang halaman web.

D. KESIMPULAN

HTML adalah sebuah bahasa pemrograman untuk membuat sebuah

halaman web. Anda perlu menuliskan kode melalui editor teks seperti

NotePad dilingkungan Windows. Kita dapat mendesain program tersebut

sesuai dengan keinginan kita. Dimana kita dapat memberikan warna Font,

menampilkan gambar, membuat garis horizontal, dan lainnya.

E. TUGAS

1. Memodifikasi halaman Web dengan memberikan tag untuk membuat

tampilan teks menjadi rata kiri, kanan, dan tengah :

Rata kanan :

Output :

Rata kiri :

Output :

Rata tengah :

Output :

2. Buatlah tampilan teks agar sebagian teks ada yang tercetak tebal, miring,

dan juga menggunakan garis bawah :

Output :

3. Memodifikasi warna teks dengan menambahkan atribut untuk warna teks :

Output :

4. Aturlah teks terhadap posisi gambar dengan mencoba berbagai atribut

yang digunakan untuk mengatur peletakan gambar terhadap teks.

Output :

5. tambahkan sebuah garis pada akhir tulisan dengan tag <HR> dengan

ukuran 8 dan gunakan warna merah

F. LISTING

Terlampir

Laporan Praktikum Pemrograman WEB MODUL I

Documents

Transcript of Laporan Praktikum Pemrograman WEB MODUL I