LAPORAN
PRAKTIKUM PEMROGRAMAN WEB
HTML
(Hypertext Markup Language)
Disusun
Oleh :
Nama
: Rafli Setiadi
NIM
: L200120106
FAKULTAS
KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS
MUHAMMADIYAH SURAKARTA
2014/2015
A. TUJUAN
Mengetahui
dan memahami dasar-dasar bahasa HTML sebagai bahasa pemrograman untuk membuat
halaman web statis.
B. LANDASAN TEORI
HTML
adalah singkatan dari Hipertext Markup Language adalah salah satu memerintah
bahasa pemrograman web desain dan juga biasa disebut script untuk menyusun
dokumen-dokumen web. Dokumen HTML disimpan didalam format teks reguler dan
mengandung tag-tag yang web browser untuk mengeksekusi perintah-perintah yang
dispesifikasikan.
C. ALAT dan BAHAN
2.
Sistem
Operasi Windows 7
4.
Notepad
5.
File
gambar ber-ekstensi .jpg
D. LANGKAH-LANGKAH PRAKTIKUM
Langkah
Percobaan
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama dokumen.html
4.
Buka
file yang sudah disimpan dengan browser.
Percobaan 2
(Heading)
Langkah
Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama heading.html
4.
Buka
file yang sudah disimpan dengan browser.
Langkah
Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama font.html
4.
Buka
file yang sudah disimpan dengan browser.
Percobaan 4
(Paragraf dan Align)
1.
Buka
Notepad
2.
Ketikan
Script berikut :
4.
Buka
file yang sudah disimpan dengan browser.
Percobaan 5
(Gambar)
Langkah
Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama gambar.html
4.
Buka
file yang sudah disimpan dengan browser
Percobaan 6 (Daftar
menggunakan Bullets dan Numbering)
Langkah
Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
4.
Buka
file yang sudah disimpan dengan browser.
Percobaan 7 (Daftar
menggunakan Multilevel List)
Langkah Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama multilevel.html
4.
Buka
file yang sudah disimpan dengan browser.
Percobaan 8 (Table)
Langkah
Percobaan
1.
Buka
Notepad
2.
Ketikan
Script berikut :
3.
Simpan
file dengan nama tabel.html
4.
Buka
file yang sudah disimpan dengan browser.
E. TUGAS
1.
Tuliskan
script html untuk membuat isi seperti gambar di bawah ini dengan background
dokumen dari sebuah file gambar. Nama file gambar adalah NIM Anda.
1.
Langkah
Percobaan
a.
Buka
Notepad
b.
Ketikan
Script berikut :
d.
Buka
file yang sudah disimpan dengan browser.
2.
Jelaskan
Fungsi dari tag berikut :
No
|
Tag/Atribut
|
Fungsi
|
1
|
Bgcolor=’blue’
|
Untuk menentukan warna
background/latar yaitu biru.
|
2
|
<h1> - <h6>
|
Digunakan untuk menunjukkan awal
dari suatu header/judul dari dokumen HTML tersebut.
|
3
|
<font> ... </font>
|
Mendefinisikan jenis font, warna
dan ukuran untuk teks.
|
4
|
Face=’verdana’
|
Untuk membuat jenis teks/font
yaitu verdana.
|
5
|
Size=’10’
|
Untuk menentukan ukuran teks/font
sebesar 10.
|
6
|
Color=’blue’
|
Untuk pemberian warna pada
teks/font yaitu biru.
|
7
|
<b> .... </b>
|
Untuk membuat teks menjadi tebal.
|
8
|
<i> .... </i>
|
Untuk membuat teks menjadi miring.
|
9
|
<u> .... </u>
|
Untuk membuat teks menjadi
bergaris bawah.
|
10
|
<strike> ....
</strike>
|
Untuk membuat teks menjadi
bergaris tengah.
|
11
|
<sup> .... </sup>
|
Memberikan efek superscript pada
teks.
|
12
|
<sub> .... </sub>
|
Memberikan efek subscript pada
teks.
|
13
|
<p> .... </p>
|
Untuk membuat sebuah paragraf pada
teks/tulisan.
|
14
|
Align=’center’
|
Untuk membuat teks menjadi rata
tengah.
|
15
|
<img>
|
Untuk menampilkan sebuah gambar.
|
16
|
Src=’gambar.jpg’
|
Source, menyatakan lokasi
penyimpan gambar atau lokasi dimana gambar diambil yaitu gambar.jpg
|
17
|
Width=’100’
|
Untuk menentukan lebar gambar yang
akan ditampilkan sebesar 100.
|
18
|
Height=’100’
|
Untuk menentukan tinggi gambar
yang akan ditampilkan sebesar 100.
|
19
|
Alt=’alt’
|
Untuk menampilkan teks ALT sebelum
foto tersebut dimuat dalam browser utama dan bukan foto dalam berbasis teks
browser.
|
20
|
<ul> .... </ul>
|
Mendefinisikan daftar dalam format
bullet.
|
21
|
<ol> .... </ol>
|
Mendefinisikan daftar dalam format
penomoran.
|
22
|
<li> .... </li>
|
Digunakan untuk menampilkan
informasi dalam bentuk item daftar.
|
23
|
Type=’circle’
|
Untuk membuat daftar list yang
akan ditampilkan berupa lingkaran.
|
24
|
<table> .... </table>
|
Untuk membuat tabel pada halaman.
|
25
|
<tr> .... </tr>
|
Membuat baris di dalam sebuah
tabel.
|
26
|
<td> .... </td>
|
Mendefinisikan sel di dalam sebuah
tabel.
|
27
|
Border=’2px’
|
Mengatur ketebalan garis sebesar
2px.
|
28
|
Colspan=’2’
|
Menggabungkan kolom sebesar 2
kolom.
|
29
|
Rowspan=’2’
|
Menggabungkan baris sebesar 2
baris.
|
30
|
</br>
|
Memberi baris baru/pindah baris.
|
3.
Buat
multilevel list dengan kombinasi angka dan huruf.
Langkah Percobaan
a. Buka Notepad
b. Ketikan Script berikut :
c. Simpan file dengan nama tugas3.html
d. Buka file yang sudah disimpan dengan
browser.
Tidak ada komentar:
Posting Komentar