Post on 27-May-2018
LAPORAN PRAKTIKUM
PEMROGRAMAN WEB 1
MODUL 1 (SATU)
Disusun Oleh :
Nama : Rizki WirawantoNim : 2011081109Prodi : Teknik Informatika B 2011
LABORATORIUM KOMPUTER
FAKULTAS ILMU KOMPUTER
UNIVERSITAS KUNINGAN
2011
A. DASAR TEORI
(Pengaturan huruf )
Ada beberapa perintah dalam HTML untuk mengatur tulisan terutama
huruf, mulai dari jenis huruf, besar huruf, warna huruf, pindah baris dan
paragraph.
Dalam hal ini kita akan mencoba membuat sebuah web yang berisi
pelajaran hari ini yang berupa pengaturan baris dan huruf. Mari kita mulai:
silahkan buat di NotePad tulisan ini:
Untuk mengatur huruf supaya menjadi
bold/ cetak tebal digunakan <strong>cetak tebal</strong>
underline/ garis bawah digunakan <u>garis bawah</u>
italic/ cetak miring digunakan <i>italic</i>
Sedangkan untuk merubah ukuran, warna, dan jenis huruf dapat digunakan:
<font size=7>diakhiri </font>
Sebagai contoh: akan membuat warna merah
maka kita tulis: <font color=”#ff0000″>huruf berwarna merah</font>
Sedangkan untuk ukuran digunakan angka dari 1 sampai 7
Contoh akan dibuat ukuran huruf 7.
Maka ditulis <font size=”7″>hurup ini berukuran 7</font>
Untuk merubah jenis huruf digunakan FACE
Untuk contoh: akan dibuat huruf dengan jenis verdana. Maka ditulis
<font face=”Verdana”>ini jenis huruf Verdana</font>
Ada kalanya pada satu kata kita ingin membuat perintah gabungan contoh jenis
huruf Impac warna biru dan ukuran huruf 4 maka untuk hal ini digunakan perintah
<font size=”4″ color=”#0000ff”face=”Impac”>Ini adalah bentuk gabungan
dengan jenis huruf Impac, warna Biru, dan ukuran 4</font> Ini saya tidak tahu
<font color=”#00f6ff”>Warna apa</font> Kode ini berawal dari anggka 000000
sampai dengan angka FFFFFF</u><u>Simpan file ini dengan nama Kelas Nama
huruf.HTML. dan jalankan atau buka file ini dengan Internet explorer. Itulah hasil
dari perubahan jenis huruf, warna huruf dan ukuran huruf. Sekarang tambahkan
pada beberapa tempat dan jugadi tempat tertentu.
Kemudian lihat kembali hasilnya akan terjadi perubahan lagi karena
adalah perintah untuk memindahkan 1 baris ke baris berikutnya. Sedangkan untuk
membuat paragraph yaitu memindahkan tulisan 1 baris kebawah dengan
melompat 1 baris.
B. PRAKTIKUM
1. Ketikan program modul-1a dengan menggunakan notepad
Jalankan dan amati hasilnya
2. Ubahlah huruf pada baris pertama dengan menggunakan <h2> dan baris
kedua menggunakan <h1>.
3. Buatlah semua huruf berada ditengah-tengah (centering)
4. Buatlah garis horizontal pada baris ketiga
5. Buatlah tulisan universitas kuningan menjadi bergerak dari kanan kekiri
6. ketikan contoh program contoh 1, jalankan dan amati hasilnya
7. Pada baris yg bertulis office, ubahlah jenis huruf menjadi Times new
roman dengan ukuran 10.
8. Buatlah warna yang menarik pada baris tersebut
9. Ketik contoh program 2, jalankan dan amati hasilnya
10. Buatlah tulisan”PT ALIM RUGI”, dengan ukuran huruf paling besar dan
beri warna yang menarik.
11. Lima baris berikutnya, ketikan alamat Jl. Pramuka 77 Cirebon Telp.
(0231)482874
12. Ketikan program contoh 3, jalankan dan amati hasilnya
13. Ubahlah jenis urutan huruf menjadi urutan angka, sehingga setiap fakultas
memiliki nomor urut.
14. Ketikan program contoh 4, jalankan dan amati hasilnya
15. Buatlah angka berurut pada setiap fakultas
C. PERTANYAAN DAN TUGAS
1. Bisakah anda membuat tag-tag HTML dalam Microsoft Word ?
Jelaskan !
Jawab :
Tentu saja bisa, karena membuat tag-tag HTML bisa menggunakan
editor text apa saja.
2. Bisakah tag-tag HTML seperti untuk mempertebal, membuat garis
bawah,membuat centering, dan lain-lain ditulis dalam satu baris ?
Mengapa ?
Jawab :
Tentu bisa, karena semua itu adalah satu kesatuan dalam syntak <font>
3. Buatlah satu Script yang menarik untuk Sebuah Perusahaan, dimana
didalanya terdapat informasi.
a. Nama perusahaan
b. Alamat Perusahaan
c. Gambar sebagai pengganti logo perusahaan
Jawab :
- Script nya sebagai berikut :
HTML (HyperText Mark up Language) merupakan suatu metoda untuk
mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen.
HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya
yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan
sebagai program.
Bentuk umum dari HTML itu sendiri adalah :
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>