pemrograman web 1 - pertemuan 5 - posting 1

 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 : Muhammad Toriq Alfasyah <br>
    Tempat Lahir : Tangerang <br>
    Alamat       : Poris Al-hikmah, kota Tangerang <br><br>

    Riwayat Pendidikan :
    <ul type="disc">
        <li>SDN CIPONDOH MAKMUR</li>
        <li>MTs ATTAHIYYAH</li>
        <li>MA NEGERI 2 KOTA T</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="#f0cb91">

    <h1>Motto</h1>

    "Man jadda wa jadda" Barang siapa yang bersunggu-sungguh, dia pasti berhasil. Untuk bersunggu-sungguh harus di awali dengan niat yang baik atas segala yang kita inginkan.

</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>
    <h1>Gallery</h1>

    Ini beberapa foto-foto yang bersumber dari Gallery Hp saya<br><br>
    <img src="WhatsApp Image 2021-10-28 at 20.57.43.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="air terjun.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="bersepeda.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="WhatsApp Image 2021-10-28 at 20.43.10.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="WhatsApp Image 2021-10-28 at 20.44.37.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="Daan mogot.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="WhatsApp Image 2021-10-28 at 21.02.58.jpeg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="jalan jalan.jpeg" 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>
    <h1>Kontak</h1>
    Jika ada pertanyaan dapat penghubugi : <br>
    No. HP : 089535851217<br>
    Email : <font color="blue"><u><i>mtoriqalfasyah@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.









Komentar

Posting Komentar

Postingan populer dari blog ini

pemrograman web 1 - pertemua 6 - latihan 2

Gambar
  Assalamu'alaikum. Wr. Wb   Kali ini saya akan membagikan postingan tugas Pertemuan 6 Latihan 2 matakuliah Pemrograman Web 1. Berikut source code-nya : <html> <head>     <title>Blockbuster Movie</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>  ...
Baca selengkapnya

pemrograman web 1 - pertemua 6 - latihan 3

Gambar
  Assalamu'alaikum. Wr. Wb   Kali ini saya akan membagikan postingan tugas Pertemuan 6 Latihan 3 matakuliah Pemrograman Web 1. Berikut source code-nya : <html> <head>     <title>Tugas Pertemuan 6</title> </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>Out...
Baca selengkapnya