PERTEMUAN 5

 Assalamu'alaikum. Wr. Wb 

Source code dari menu About :

<html>

<head>

    <title>P5_Latihan 1</title>

</head>

<body bgcolor="white">


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




Source code dari menu About :


 <html>
<head>
    <title>Profile</title>
</head>
<body background="RIO.jpg">
    <h1> Profile </h1>
    Nama Lengkap : RIO ARDY MILALA <br>
    Tempat Lahir : BINJAI <br>
    Alamat       : PAYUNG <br><br>

    Riwayat Pendidikan :
    <ul type="disc">
        <li>SDN 1 PAYUNG</li>
        <li>SMP SMP 1 BATUKARANG</li>
        <li>SMA SANTA MARIA KABANJAHE</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 background="nani.jpg">
    <h1>Motto</h1>
    <h3>hiduplah seperti lery.</h3>
</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>Gallery</title>
</head>
<body bgcolor="#f0cb90">
    <h1>Gallery</h1>

    Ini beberapa foto-foto yang bersumber dari google <br><br>
    <img src="1.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="2.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="3.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="4.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="5.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="6.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="7.png" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
    <img src="8.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 About :


<html>
<head>
    <title>Kontak</title>
</head>
<body background="11.jpg">
    <h1>Kontak</h1>
    Jika ada pertanyaan dapat penghubugi : <br>
    No. HP : 087741391888<br>
    Email : <font color="blue"><u><i>rioardy14@gmail.com</i></u></font>
</body>
</html>




Save dengan format .html, lalu running pada browser. Maka akan menghasilkan tanpilan seperti di bawah ini.




Komentar

Posting Komentar

Postingan populer dari blog ini

Gambar
Pemrograman Web 1, Pertemuan 6 lat 3  Source code :  <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>Output Device</li>             <ol type="i">     ...
Baca selengkapnya
Gambar
                           MATTE LIPSTIK Produk Kecantikan Original! HARGA Terjangkau. Di JAMIN, Bibir Tampil Cantik Merah Merona Buat Hari Harimu semakin berwarna"     Lipstik merupakan salah satu alat kecantikan esensial bagi para wanita ketika ingin tampil lebih cantik dan menarik di depan banyak orang. Tapi, kadang kita bosan dengan tampilan bibir dengan warna lipstik yang memiliki kilau yang sama saja. Maka dari itu, hadirlah yang namanya lipstik matte.      Matte lipstick memberikan kesan yang berbeda dibanding lipstik biasa! Lipstik jenis ini dapat memberikan penampilan baru yang lebih trendy dan elegan      Girlactik Matte Lip Paint dikenal sebagai salah satu formula liquid Lipstick terbaik. Aplikasikan Girilactik Matte Lip Paint ke bibir kamu dan dalam satu menit akan mengering menjadi warna matte. Setelah kering, lipstik matte ini akan membaut bibirmu terliha...
Baca selengkapnya
Gambar
Pemrograman Web 1, Pertemuan 6 lat 2   <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>     <blockquote> Informasi ini dibuat oleh Programmer </blockquote>     Suhu Udara saat ini: ...
Baca selengkapnya