LAPORAN PRAKTIKUM
BAHASA PEMROGRAMAN WEB
Modul 1
Disusun Oleh :
Rian Muhibatul Ikhsan
20160910106
SI 2016 C
SISTEM INFORMASI
FAKULTAS ILMU COMPUTER
UNIVERSITAS KUNINGAN
2018
Modul 1 HTML Dasar
Praktikum 1 :
<html>
<head>
<title>Praktikum
1</title>
</head>
<body>
FAKULTAS ILMU KOMPUTER<br>
UNIVERSITAS KUNINGAN
</body>
</html>
Hasil :
Analisa
2.
Baris 2 : tag <head> digunakan
untuk memberikan informasi dokumen tersebut.
3.
Baris 3 : tag <title> digunakan
untuk memberi judul dokumen HTML dan judul tersebut berada sejajar dengan
tombol close ,minimize dan maximize pada suatu form HTML.
4.
Baris 4 : tag </head> digunakan
untuk menutup informasi dokumen.
5.
Baris 5 : tag <body> digunakan
untuk menentukan isi dokumen yang ditampilkan di web browser.
6. Baris 6 : FAKULTAS ILMU KOMPUTER adalah isi dari web browser
dan tag <br> digunakan untuk menulis baris baru.
7. Baris 7 : UNIVERSITAS KUNINGAN adalah sebuah isi dari web
tersebut.
9. Baris 9 : tag </html> digunakan untuk mengakhiri pendefinsian
sautu program.
Praktikum 2 :
<html>
<head>
<title>Praktikum
2</title>
</head>
<body
bgcolor="blue">
<center><h1>UNIVERSITAS
KUNINGAN</h1>
<h2>FAKULTAS
ILMU KOMPUTER</h2>
<h3>FAKULTAS
PENDIDIKAN DAN ILMU PENDIDIKAN</h3>
<h4>FAKULTAS
KEHUTANAN</h4>
<h5>FAKULTAS
HUKUM</h5>
<h6>FAKULTAS
EKONOMI</h6>
<hr>
</body>
</html>
Hasil :
Analisa
1. Baris 1 : tag <html> digunakan untuk mendefinisikan
root suatu html rata-rata digunakan dalam setiap program web.
2. Baris 2 : tag <head> digunakan untuk memberikan
informasi dokumen tersebut.
3. Baris 3 : tag <title> digunakan untuk memberi judul
dokumen HTML dan judul tersebut berada sejajar dengan tombol close ,minimize
dan maximize pada suatu form HTML.
4. Baris 4 : tag </head> digunakan untuk menutup
informasi dokumen.
5. Baris 5 : tag <body bgcolor=”blue”> digunakan untuk
menentukan isi dokumen yang ditampilkan di web browser. Bgcolor di dalam body
digunakan untuk memberikan warna pada background.
6. Baris 6-11 : tag <center> digunakan untuk memusatkan
isi dokumen ditengah halaman, tag <h> digunakan untuk memberikan ukuran
pada suatu kalimat pada HTML.
7. Baris 12 : tag <hr> digunakan untuk memberikan garis
memanjang horizontal pada HTML.
8. Baris 13 : tag </body> digunakan untuk menutup bagian
isi dokumen yang akan ditampilkan di web browser.
9. Baris 14 : tag </html> digunakan untuk mengakhiri
pendefinsian sautu program.
Praktikum 3
<html>
<head>
<title>Praktikum
3</title>
</head>
<body
background="uniku.jpg">
<center><h1>UNIVERSITAS
KUNINGAN</h1>
<h2>FAKULTAS
ILMU KOMPUTER</h2>
<h3>Jalan
Cut Nyak Dhein Cijoho Kuningan</h3>
<hr>
<pre>
Nama
: Rian Muhibatul
Ikhsan
Alamat : Garawangi
</pre>
</body>
</html>
Hasil
Analisa
1. Baris 1 : tag <html> digunakan untuk mendefinisikan
root suatu html rata-rata digunakan dalam setiap program web.
2. Baris 2 : tag <head> digunakan untuk memberikan
informasi dokumen tersebut.
3. Baris 3 : tag <title> digunakan untuk memberi judul
dokumen HTML dan judul tersebut berada sejajar dengan tombol close ,minimize
dan maximize pada suatu form HTML.
4. Baris 4 : tag </head> digunakan untuk menutup
informasi dokumen.
5. Baris 5 : tag <body background=”uniku.jpg”> digunakan
untuk menentukan isi dokumen yang ditampilkan di web browser. Background di
dalam body digunakan untuk memberikan gambar pada background.
6. Baris 6-8 : tag <center> digunakan untuk memusatkan
isi dokumen pada HTML dan tag <h> digunakan untuk memberikan ukuran huruf
pada kalimat.
7. Baris 9 : tag <hr> digunakan untuk memberikan garis
horizontal pada isi web
8. Baris 10 : tag <pre> digunakan untuk membuat teks dengan
ukuran yang sama.
9. Baris 11-12 : isi dokumen
10. Baris 13 : tag </pre> digunakan untuk mengakhiri
layout dengan ukuran teks yang sama.
11. Baris 14 : tag </body> digunakan untuk menutup bagian
isi dokumen yang akan ditampilkan di web browser.
12. Baris 15 : tag </html> digunakan untuk mengakhiri
pendefinsian sautu program.
Praktikum 4
<html>
<head>
<title>Praktikum
4</title>
</head>
<body
bgcolor="blue">
<center><h3>UNIVERSITAS
KUNINGAN</h3>
<h2>FAKULTAS
ILMU KOMPUTER</h2>
<h4>Jalan
Cut Nyak Dhein Cijoho Kuningan</h4>
<hr
size="5" color="alternate">Selamat Datang!!!</hr>
</center><br>
<p>Fakultas
Ilmu Komputer mempunyai lima Program Studi yaitu :
Sistem
Informasi S1, Teknik Informatika S1, Manajemen Informatika D3,
Teknik
Informatika D3, Desain Komunikasi Visual S1. Prodi DKV
merupakan
prodi baru tahun 2017 di Fakultas Ilmu Komputer.
</p>
<br><br>
<hr
size="2">
<center>@2016 by @rsoeryawijaya</center>
</body>
</html>
Hasil
Analisa
1. Baris 1 : tag <html> digunakan untuk mendefinisikan
root suatu html rata-rata digunakan dalam setiap program web.
2. Baris 2 : tag <head> digunakan untuk memberikan
informasi dokumen tersebut.
3. Baris 3 : tag <title> digunakan untuk memberi judul
dokumen HTML dan judul tersebut berada sejajar dengan tombol close ,minimize
dan maximize pada suatu form HTML.
4. Baris 4 : tag </head> digunakan untuk menutup
informasi dokumen.
5. Baris 5 : tag <body bgcolor=”blue”> digunakan untuk
menentukan isi dokumen yang ditampilkan di web browser. Bgcolor di dalam body
digunakan untuk memberikan warna pada background.
6. Baris 6-8 : tag <center> digunakan untuk memusatkan
isi dokumen ditengah halaman, tag <h> digunakan untuk memberikan ukuran
pada suatu kalimat pada HTML.
7. Baris 9 : tag <hr size=”5” color=”yellow”> digunakan
untuk memberikan sebuah garis horizontal dengan size untuk ukuran garis dan
color untuk warna garis.
8. Baris 10 : tag <marquee behavior=”alternate”>
digunakan untuk memberikan teks berjalan.
9. Baris 11 : tag </center> digunakan untuk menutup
pemusatan rata tengah pada isi web <br> digunakan untuk membuat baris
baru.
10. Baris 12 : tag <p> digunakan untuk membuat sebuah
paragraph.
11. Baris 16 : tag </p> digunakan untuk menutup pembuatab
paragraph.
12. Baris 17 : tag <br><br> digunakan untuk membuat
baris baru.
13. Baris 18 : tag <hr> untuk membuat sebuah garis
horizontal.
14. Baris 19 : tag <center> untuk memusatkan rata tengah
isi dokumen.
15. Baris 20 : tag </body> digunakan untuk menutup bagian
isi dokumen yang akan ditampilkan di web browser.
16. Baris 21 : tag </html> digunakan untuk mengakhiri pendefinsian
sautu program.
Praktikum 5
<html>
<head>
<title>Praktikum
5</title>
</head>
<body>
<center><img
src="uniku.jpg">PT.MUTIARA INDAH</br>
Jalan
Cut Nyak Dhien Cijoho Kuningan<br></center>
<hr>
<font
face="Tahoma" size="10" color="blue">Tulisan
dengan Menggunakan Tag Font</font>
</body>
</html>
Hasil
Analisa
1. Baris 1 : tag <html> digunakan untuk mendefinisikan
root suatu html rata-rata digunakan dalam setiap program web.
2. Baris 2 : tag <head> digunakan untuk memberikan
informasi dokumen tersebut.
3. Baris 3 : tag <title> digunakan untuk memberi judul
dokumen HTML dan judul tersebut berada sejajar dengan tombol close ,minimize
dan maximize pada suatu form HTML.
4. Baris 4 : tag </head> digunakan untuk menutup
informasi dokumen.
5. Baris 5 : tag <body> digunakan untuk menentukan isi
dokumen yang ditampilkan di web browser.
6. Baris 6 : tag <center> untuk membuat rata tengah pada
isi dokumen, tag < img src=”uniku.jpg”> digunakan untuk menyisipkan
gambar pada halaman web.
7. Baris 8 : tag <hr> digunakan untuk membuat garis
horizontal pada isi web.
8. Baris 9 : tag <font face="Tahoma"
size="10" color="blue"> digunakan untuk membuat
pengaturan pada huruf . face disitu untuk merubah jenis huruf, size digunakan
untuk membuat ukuran huruf dan color untuk memberi warna pada huruf.
9. Baris 20 : tag </body> digunakan untuk menutup bagian
isi dokumen yang akan ditampilkan di web browser.
10. Baris 21 : tag </html> digunakan untuk mengakhiri
pendefinsian sautu program.
Tugas
<html>
<style>
img{
width
:200px;
height:200px;
border:4px
solid #575d50;
}
</style>
<head>
<title>Postes
1</title>
</head>
<body
background="blue" width="7pt" height="10pt">
<table>
<tr>
<td><img
src="uniku.jpg"></td>
<td><center><h1><pre>
UNIVERSITAS KUNINGAN
FAKULTAS ILMU
KOMPUTER</h1>
<h3><pre> jalan Cut Nyak Dhien No.36 Kuningan</h3></td></center>
</tr></table></pre>
<hr
color="blue"size="5">
<font
face="arial"size="5"style="text-align:center"><b><strong>DAFTAR
RIWAYAT HIDUP</b></strong></font>
<pre>
<ol>
<li>NIM : 20160910106
<li>NAMA
: RIAN MUHIBATUL IKHSAN
<li>Tempat,Tanggal
Lahir : Kuningan, 01 Juni 1994
<li>ALAMAT
: Dsn Puhun RT/RW. 005/001 Desa Gewok Kecamatan Garawangi -
Kuningan
<li>JENIS
KELAMIN : LAKI-LAKI
<li>AGAMA : ISLAM
<li>NO
HP : 087881882599
<li>EMAIL : rsoeryawijaya@gmail.com
</ol>
<marquee
behaviour="alternate" bgcolor="yellow">Rian Muhibatul Ikhsan</marquee>
</pre>
</body>
</html>
Hasil
Analisa
1. Baris 1 : tag <html> digunakan untuk mendefinisikan
root suatu html rata-rata digunakan dalam setiap program
web.
2. Baris 2 : tag <style> digunakan untuk mendefinisikan
informasi desain untuk dokumen html.
3. Baris 3-7 : digunakan untuk mengatur sebuah desain pada tag
<img>.
4. Baris 8 : digunakan untuk menutup pendefinisian desain.
5. Baris 9 : tag <head> digunakan untuk memberikan
informasi dokumen tersebut.
6. Baris 10 : tag <title> digunakan untuk memberi judul
dokumen HTML dan judul tersebut berada sejajar dengan tombol close ,minimize
dan maximize pada suatu form HTML.
7. Baris 11 : tag </head> digunakan untuk menutup
informasi dokumen.
8. Baris 12 : tag <body> digunakan untuk menentukan isi
dokumen yang ditampilkan di web browser.
9. Baris 13 : tag <table> digunakan untuk membuat table.
10. Baris 14 : tag <tr> digunakan untuk membuat baris
didalam table.
11. Baris 15 : tag <td> digunakan untuk membuat sel
didalam sebuah table.
12. Baris 16 : tag <td> digunakan untuk membuat sel
didalam sebuah table <center> digunakan untuk memberikan rata tengah pada
isi dokumen <h1> digunakan untuk ukuran huruf <pre> digunakan
unttuk membuat teks dengan ukuran yang sama.
13. Baris 23 : tag <hr color=”blue” size=”5”> digunakan
untuk membuat garis dengan color untuk warna dan size untuk ukuran garis.
14. Baris 24 : tag <font> digunakan untuk pengaturan
huruf.
15. Baris 25 : tag <pre> digunakan untuk membuat teks
dengan ukuran yang sama.
16. Baris 26 : tag <ol> digunakan untuk pendefinisian
daftar dalam format penomoran.
17. Baris 27-34 : tag <li> digunakan untuk menampilkan
informasi dalam bentuk item daftar.
18. Baris 36 : tag <marquee> digunakan untuk membuat
tulisan bergerak.
19. Baris 38 : </body> digunakan untuk menutup bagian isi
dokumen yang akan ditampilkan di web browser.
20. Baris 39 : tag </html> digunakan untuk mengakhiri
pendefinsian sautu program.
Ø Kesimpulan
:
Hyper text
markup language (HTML) adalah sebauh Bahasa markup yang digunakan untuk membuat
sebuah halaman web, menampilkan berbagai informasi didalam sebuah web internet.
Di dalam HTML dikenal adanya tag atau tanda-tanda khusus yang merupakan
rangkaian perintah yang akan diproses oleh Web Browser. HTML (HyperText
Markup Language) merupakan bahasa interpreter, dimana fungsi interpreter
diperankan oleh Web Browser yang digunakan untuk menerjemahkan tag-tag yang
diselipkan di dalam file berekstensi .html atau .htm dan menampilkannya dilayar
sesuai dengan tag yang ditemukan.
Struktur
dasar penulisan HTML :
<Html>
<head>
<title>…..</title>
</head>
<body>
…
</body>
</html>
