Praktikum Sistem Informasi

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

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 : 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.

8. Baris 8 : tag </body> digunakan untuk menutup bagian isi dokumen yang akan ditampilkan di web browser.

9. Baris 9 : tag </html> digunakan untuk mengakhiri pendefinsian sautu program.

Praktikum 2 :

<html>

<head>

<title>Praktikum 2</title>

</head>

<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>

<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>

<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>

<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>

<table>

<tr>

UNIVERSITAS KUNINGAN

FAKULTAS ILMU KOMPUTER</h1>

<h3><pre> jalan Cut Nyak Dhien No.36 Kuningan</h3></td></center>

</tr></table></pre>

<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>

</head>

<body>

…

</body>

</html>

Praktikum Sistem Informasi

Label

Sabtu, 12 Januari 2019

Laporan Praktikum PBO Modul 10

Laporan Praktikum PBO Modul 8

Laporan Praktikum PBO Modul 7

Laporan Praktikum PBO Modul 6

Laporan Praktikum PBO Modul 5

Laporan Praktikum PBO Modul 4

Jumat, 11 Januari 2019

Laporan Praktikum PBO Modul 3

Laporan Praktikum PBO Modul 1 dan 2

Jumat, 08 Juni 2018

Laporan Web1 Modul 1

Postingan Populer

Laporan Praktikum PBO Modul 10