PERTEMUAN 5_LATIHAN 1_ POSTING 1
Assalamu'alaikum Wr. Wb.
Yuk belajar bersama
Pada pertemuan kali ini kita masih membahas tentang hyperlink Pertemuan 5 posting 1 mata kuliah Pemrograman Web 1 yang nantinya kita akan membahas tentang hyperlink (Home, Profil, About, Gallery, dan Kontak).
Ok kita langsung saja berikut adalah sourcecodenya untuk Menu Home
<html>
<head>
<title>PERTEMUAN 5_LATIHAN 1</title>
</head>
<hr color="grey" size=3 width=100% align="left"><font size= 4 color="red">
<a href="PERTEMUAN 5_LATIHAN 1.html">Home</a> | <a href="PERTEMUAN 5_PROFILE.html">Profil</a> |
<a href="PERTEMUAN 5_ABOUT.html">About</a> | <a href="PERTEMUAN 5_GALLERY.html">Gallery</a> |
<a href="PERTEMUNA 5_KONTAK.html">Kontak</a></font>
<hr color="grey" size=3 width=100% align="left">
<h2>Assalamu'alaikum Wr. Wb.</h2>
<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 pada bagian menu di atas.
<hr width=75% size=3 color="grey" align=left>
Admin Web, Me (AhmadSukari)
</body>
</html>
Berikut hasil runningnya
Selanjutnya adalah Profile
<html>
<head>
<title>PERTEMUAN 5_PROFILE</title>
</head>
<body>
<h1>PROFILE</h1>
<h4> AHMAD SUKARI</h4>
<hr width=85% size=4 color="green" align=left>
<hr width=85% size=4 color="green" align=left>
<BR>
Nama : Ahmad Sukari <BR>
Tempat Lahir : Tangerang <BR>
Alamat : Desa Kebon Cau Kec. Teluknaga Kab. Tangerang <BR>
<BR><BR>
Riwayat Pendidikan <BR>
- SDN SANGIANG 2 SEPATAN TIMUR <BR>
- SMPN PAKUHAJI 2 PAKUHAJI <BR>
- SMAN SEPATAN 1 SEPATAN <BR><BR>
Pekerjaan <BR>
STAFF DIKLAT DAN PENGEMBANGAN PT KSO ASP ISS BANDARA INT'L SOEKARNO - HATTA
<hr width=75% size=3 color="green" align=left>
<hr width=75% size=3 color="green" align=left>
Admin Web, Me (Ahmad Sukari)
</body>
</html>
Berikut adalah hasil runnignya
Selanjutnya adalah about
<html>
<head>
<title>PERTEMUAN 5_ABOUT</title>
</head>
<body>
<h1>SLOGAN ATAU MOTTO</h1>
<h4> AHMAD SUKARI</h4>
<hr width=75% size=4 color="green" align=left>
<BR>
"LEBIH BAIK DI BENCI KARENA KEJUJURAN DARIPADA DI PUJI KARENA KEMUNAFIKAN" <BR>
<hr width=75% size=3 color="green" align=left>
Admin Web, Me (Ahmad Sukari)
</body>
</html>
Hasil runningnya
Selanjutnya adalah Gallery
html>
<head>
<title>PERTEMUAN 5_GALLERY</title>
</head>
<body>
<h1>Ini adalah foto - foto saya ketika tugas di luar kota tepatnya di Provinsi Bengkulu</h1>
<h4> AHMAD SUKARI</h4>
<hr width=85% size=4 color="green" align=left>
<BR>
<img src=IMG-20210716-WA0016.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">
<img src=IMG-20210716-WA0018.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">
<img src=20210103_172257.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">
<img src=IMG-20210716-WA0015.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">
<BR>
<BR>
<hr width=85% size=4 color="green" align=left>
<BR>
Terimakasih anda telah bergabung dan berkunjung pada situs kami, kami berharap anda memperoleh informasi yang anda inginkan dan anda cari.<BR><BR>
Situsini berisi informasi sekitar materi yang berhubungan dengan programing web, diantaranya :<BR>
HTML,CSS,PHP,MySql dan materi atau artikel lain sekitar web.<BR><BR>
<hr width=75% size=3 color="grey" align=left>
Admin Web, Me (Ahmad Sukari)
</body>
</html>
Hasil runningya
Selanjutnya adalah kontak
<html>
<head>
<title>PERTEMUAN 5_KONTAK</title>
</head>
<body>
<h1>Halama kontak</h1>
<h4> AHMAD SUKARI</h4>
<hr width=75% size=4 color="green" align=left>
<BR>
- No Hp : 0812 3456 7890 <BR>
- Email : sukariahmad024@gmail.com <BR>
<hr width=75% size=3 color="green" align=left>
Admin Web, Me (Ahmad Sukari)
</body>
</html>
Berikut hasil runningya
Ok
Demikian pembahasan pertemuan pada kali ini semoga bermanfaat
Salam hangat
Ahmad Sukari
Tidak ada komentar:
Posting Komentar