Assalamu'alaikum. Wr. Wb
Kali ini saya akan membagikan postingan tugas Pertemuan 5 Posting 1 matakuliah Pemrograman Web 1. Pada tugas kali ini ada source code hyperlink yang menghubungkan dari satu halaman website ke halaman lain. Maka dari itu ada beberapa source code menu diantaranya home, profile, about, gallery dan kontak.
Berikut source code dari menu home :
<html>
<head>
<title>P5_Latihan 1</title>
</head>
<body bgcolor="#f0cb90">
<hr color="grey" size=3 width=100% align="left"><font size= 4 color="red"><a href="P5_Latihan 1.html">Home</a> | <a href="P5_Profil.html">Profil</a> | <a href="P5_About.html">About</a> | <a href="P5_Gallery.html">Gallery</a> | <a href="P5_Kontak.html">Kontak</a></font>
<hr color="grey" size=3 width=100% align="left">
<h2>Selamat Datang</h2>
Ini merupakan contoh website dasar sederhana yang menggunakan <i>hyperlink</i> dalam <i>source code</i>-nya. <i>Hyperlink</i> yang digunakan merupakan jenis <i>hyperlink</i> relatif yakni melakukan <i>link</i> dari satu halaman ke halaman lain pada website yang sama. <i>Source code hyperlink</i> ada bada bagian menu di atas.
</body>
</html>
Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.
Souce code dari menu profile :
<html>
<head>
<title>Profile</title>
</head>
<body bgcolor="#f0cb90">
<h1> Profile </h1>
Nama Lengkap : Dini Hadiati <br>
Tempat Lahir : Sukabumi <br>
Alamat : Cisaat, Kab. Sukabumi <br><br>
Riwayat Pendidikan :
<ul type="disc">
<li>MI MWB/PUI</li>
<li>SMP NEGERI 3 CIBADAK</li>
<li>MA NEGERI 2 KOTA SUKABUMI</li
</ul>
</body>
</html>
Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.
Source code dari menu About :
<html>
<head>
<title>About</title>
</head>
<body bgcolor="#f0cb90">
<h1>Motto</h1>
Hidup ini hanya tentang cara pandang, tergantung dari sudut mana kita memilih. Menjadikan setiap masalah terasa berat atau menjadikan masalah berat menjadi tiada. Memandang segala sesuatu negatif atau mengambil sisi positif dari setiap keadaan.
</body>
</html>
Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.
Source code dari menu Gallery :
<html>
<head>
<title>Gallery</title>
</head>
<body bgcolor="#f0cb90">
<h1>Gallery</h1>
Ini beberapa foto-foto yang bersumber dari google <br><br>
<img src="Best-Nature-Wallpapers-in-4K-and-Full-HD-for-Desktop-and-Mobile-8.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="14-beach-sea.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="51614.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="109538.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="aurora-borealis.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="kl (2).jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="Native American Proverb.png" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="night-sky-wallpapers.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
</body>
</html>
Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.
Source code dari menu Kontak :
<html>
<head>
<title>Kontak</title>
</head>
<body bgcolor="#f0cb90">
<h1>Kontak</h1>
Jika ada pertanyaan dapat penghubugi : <br>
No. HP : 08589779807<br>
Email : <font color="blue"><u><i>dinihadiati41@gmail.com</i></u></font>
</body>
</html>
Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.
Setelah source code semua menu sudah terpenuhi, maka jenis hyperlink relatif ini dapat dijalankan.
Sekian, terimakasih.
Tidak ada komentar:
Posting Komentar