PEMOGRAMAN WEB 1, pert 5, post 1

 Assalamu'alaikum, Wr.Wb

Di sini saya akan membagikan tugas pertemuan 5 Post 1, Tugas kali ini menggunakan hyeperlink yaitu menghubungkan dari satu halaman website ke halaman lain. mari disimak sebagai berikut :

Matakuliah Pemograman Web 1

berikut ini adalah source code nya :


  • Source code pada menu (home) :


<html>

<head>

    <title>Pert 5 Latihan</title>

</head>

<body bgcolor="Aquamarine">


<hr color="grey" size=3 width=100% align="left"><font size= 4 color="red"><a href="pert 5 (home).html">Home</a> | <a href="pert 5 (profil).html">Profil</a> | <a href="pert 5 (about).html">About</a> | <a href="pert 5 (gallery).html">Gallery</a> | <a href="pert 5 (kontak).html">Kontak</a>

</font>


<hr color="grey" size=3 width=100% align="left">


<h2>Assalamua'laikum, Wr.Wb</h2>


Di sini saya akan menampilkan contoh website sederhana dengan menggunakan <b>hyperlink</b> <br> 

<b>Hyperlink</b> yang digunakan merupakan jenis <i>hyperlink</i> relatif yakni melakukan <b>link</b> dari satu halaman ke halaman lain pada website yang sama. 

</body>

</html>

kemudian source code tersebut disimpan dengan format .html 

jika dibuka akan tampil seperti gambar berikut ini :


  • Output (home) :








  • Source code pada menu (profil) :


<html>
<head>
<title>Profil</title>
</head>
<body bgcolor="Aquamarine">
Nama : Muhamadnur Komarudin <br>
Status : Mahasiswa <br>
Jurusan : Teknik Informatika <br> <br>
</body>
</html>


kemudian source code tersebut disimpan dengan format .html 

jika dibuka akan tampil seperti gambar berikut ini :


  • Output menu (profil) :





  • Source code pada menu (about) :


<html>

<head>

    <title>About</title>

</head>

<body bgcolor="Aquamarine">

    <h1></h1>

    <b><i>Halamaan ini menjelaskan tentang pengguanaan website sederhana dengan menggunakan hyperlink</i></b>

</body>

</html>


kemudian source code tersebut disimpan dengan format .html 

jika dibuka akan tampil seperti gambar berikut ini :


  • Output menu (about) :





  • Source code pada menu (galley) :


<html>
<head>
    <title>Gallery</title>
</head>
<body bgcolor="Aquamarine">
    
    <img src="pert5.png" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
</body>
</html>

kemudian source code tersebut disimpan dengan format .html 

jika dibuka akan tampil seperti gambar berikut ini :


  • Output menu (gallery) :





  • Source code pada menu (kontak) :


<html>
<head>
    <title>Kontak</title>
</head>
<body bgcolor="Aquamarine">
    <h1>Contac Person</h1>

    No. HP : 021-8798-9111<br>
    
</body>
</html>

kemudian source code tersebut disimpan dengan format .html 

jika dibuka akan tampil seperti gambar berikut ini :


  • Output menu (kontak) :






Komentar

Posting Komentar

Postingan populer dari blog ini

PEMOGRAMAN WEB 1, pert 6 latihan 2

Gambar
  Assalamu'alaikum, Wr.Wb Saya akan membagikan tugas pertemuan 6,  latihan 2  Matakuliah Pemograman Web 1 berikut adalah source code nya : <html> <head> <title></title> </head> <body> <font color="navy" size=4>Selamat datang pada Bioskop kesayangan Anda</font><br>  Minggu ini kami akan mempersembahkan film-film yang pernah mendapat piala didunia perfilman  <ol type="A">  <li>Dibalik sajadah panjang</li>  <li>Bulan terbelah di langit Mataran (1957)</li>  <li>Ada apa dengan Cinta (1962)</li> <li>Mutiara dari Selatan</li> <li>Serangan Fajar (1965)</li> <li>Citra(1970)</li> </ol>  <blockquote> Informasi ini dibuat oleh Programmer </blockquote> Suhu Udara saat ini:  <ul type="circle">  <li>36 derajat Jakarta</li> <li>...
Baca selengkapnya

PEMOGRAMAN WEB 1, pert 6, latihan 3

Gambar
  Assalamu'alaikum, Wr.Wb Saya akan membagikan tugas pertemuan 6, latihan 3  Matakuliah Pemograman Web 1 berikut adalah source code nya : <html> <head> </head> <body> Komponen yang membangun sistem komputer <br> <ol type="1"> <li>Hardware</li> <ol type="A"> <li>Input Device</li> <ul type="square"> <li>Mouse</li> <li>Keyboard</li> <li>Joystick</li> </ul> <li>Output Device</li> <ol type="i"> <li>Monitor</li> <li>Printer</li> <li>Speaker</li> </ol> <li>Process</li> <ul type="circle"> <li>Cental Procesiing Unit</li> </ul> </ol> <li>Software</li> <ol type="a"> <li>Operating System</l...
Baca selengkapnya

PEMOGRAMAN WEB 1, pert 6 latihan 1

Gambar
  Assalamu'alaikum, Wr.Wb Saya akan membagikan tugas pertemuan 6 latihan 1  Matakuliah Pemograman Web 1 berikut adalah source code nya : <html> <head> <title>pert 6 </title> </head> <body> <font size="5">Kuliner makanan Perancis</font><br> Anda dapat berkunjung <font size="+1">di daerah Kemang</font> disini merupakan tempat dan waktu yang tepat untuk mencoba makanan khas Perancis teruntama makanan lokalnya sangat luar biasa enaknya.  <ul>  <li><font color="magenta">Beignetse</font> Donat kecil ditaburi gula, fresh dan the <font size="+2">Kopi</font>.</li> <li><font color="GREEN">Makanan laut</font> seperti rebusan sup yang lezat.Biasanya disajikan dengan nasi putih itu yang terbaik dicampur langsung ke sup. Jangan pula melewati ayam gumbo, makanan laut yang lebih baik!</li>  ...
Baca selengkapnya