You are on page 1of 3

MODUL I

HTML (Hypertext Markup Language)


LAPORAN PRAKTIKUM PEMROGRAMAN BERBASIS WEB

Disusun untuk Memenuhi Matakuliah Praktikum Pemrograman Berbasis Web


yang Dibimbing oleh Bapak Didik Dwi Prasetya S.T., M.T.

Oleh:
Septian Putra Priambodo
150535604702
TI 2015 Offering B

UNIVERSITAS NEGERI MALANG


FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
September 2016

HTML (Hypertext Markup Language)

A. KOMPETENSI DASAR
1. Memahami struktur dasar dokumen HTML dan HTML5,
2. Mampu membuat dokumen HTML yang baik dan benar,
3. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi.
B. STUDI KASUS
Syntaks biodata_home.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Studi Kasus 1</title>
</head>

<body background="suzuya-juuzou-cosplay-1-1024x708.jpg" position="center">


<center>
<font color="green"><h1>Halaman web sederhana</h1> </font>
<img src="suzuya-juuzou-cosplay-2-e1453842452484.jpg"
width="100" height="100" border="4" width="180px" height="150px"/>
</center>

<hr color="blue" />

<font color="green"> <b> <p>


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do


eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do


eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

<br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do


eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do


eiusmod tempor incididunt ut labore et dolore magna aliqua.
</b> </font>

<hr color="blue" />

<br />

</body>
</html>

Output:

Penjelasan:
<!DOCTYPE html> digunakn untuk mendeklarasikan bahwa file tersebut adalah
file html. <title>....</title> untuk menampilkan judul pada browser. Pada tag
body digunakan umtuk menuliskan isi dari web tersebut seperti menyisipkan teks dengan tag
<p>, menyisipkan gambar dengan menggunakan tag <img src>, mengatur background,
memberikan garis dan lain-lain. Dalam penulisan tag html setiap tag harus ditutup seperti
<title>....</title> agar halaman web tersebut dapat dibaca browser secara normal. Dalam
pembuatan halaman web kita bisa mengatur tampilan yang kita inginkan seperti mengatur
warna font, mengatur ukuran gambar yang disisipkan dan lain-lain menggunakan tag-tag
yang tersedia.
C. KESIMPULAN
(berikan kesimpulan tentang apa yang Anda dapatkan setelah melaksanakan praktikum)
D. DAFTAR PUSTAKA
Asisten Praktikum Pemrograman Berbasis Web. 2015. Modul 1 HTML. Malang:
Universitas Negeri Malang.