P. 1
Laporan Praktikum Pemrograman WEB MODUL I

Laporan Praktikum Pemrograman WEB MODUL I

|Views: 762|Likes:
Published by Astomo Hasto
Laporan Praktikum Pemrograman WEB
Laporan Praktikum Pemrograman WEB

More info:

Published by: Astomo Hasto on Aug 09, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

11/07/2012

pdf

text

original

MODUL I PENGENALAN HTML A. MAKSUD dan TUJUAN 1. Maksud • • 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. 2. 3. • • Editor, untuk menuliskan kode-kode HTML Web Server, sebagai server untuk melayani permintaan klien Web Browser, untuk mengakses halaman Web Kepala Badan Mengenalkan pada mahasiswa mengenai pemrograman WEB dengan menggunakan HTML Mengenalkan kode-kode HTML

(Apache) Bagian yang terdapat dalam tag HTML terdiri dari

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. • • </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 Terdapat kode <Body bgcolor =”silver”> yang menandakan adanyakita akan membuat garis baru atau pindah baris. merupakan pemberian warna Silver untuk badannya. Bagian yang terdapat dalam <html> dan </html> Bagian kepala ditandai dengan pasangan tag <head> dan biasanya terbagi atas kepala, dan badan. </head>, sedangkan bagian badan ditandai dengan tag <body>, dan

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 Rata kanan : membuat tampilan teks menjadi rata kiri, kanan, dan tengah :

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

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->