PERTEMUAN 5 LATIHAN 1
---------------------------------------------------------
Source menu home
<html>
<head>
<title>P5_Latihan 1 Home</title>
</head>
<body bgcolor="gray">
<hr color="black" 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="black" 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>
Hasil runningnya
Source menu profile
<html>
<head>
<title>pertemuan 5 latihan 1 profile</title>
</head>
<body bgcolor="grey">
<h1> Profile </h1>
Nama Lengkap : Aini Salsabila <br>
Tempat Tanggal Lahir : Jakarta, 26 Januari 2001 <br>
Alamat : Kebayoran Lama, Jakarta Selatan <br><br>
Riwayat Pendidikan :
<ul type="disc">
<li>SDN 03 PAGI | 2013 </li>
<li>SMP NEGERI 48 Jakarta | 2016 </li>
<li>SMK AL FAJAR JAKARTA | 2019 | AKUNTANSI </li
</ul>
</body>
</html>
Hasil running nya
Source menu tentang
Hasil runningnya
Source code menu galery
<html>
<head>
<title>Gallery</title>
</head>
<body bgcolor="grey">
<h1>Gallery</h1>
Ini beberapa foto-foto yang bersumber dari google <br><br>
<img src="pic 1.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 2.jpg"400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 3.jpg "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 4.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 6.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 7.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
<img src="pic 8.jpg" width= "400" height ="300" Alt="mypicture" align="center" title="picture">
</body>
</html>
Hasil runningnya
Source code kontak
<html>
<head>
<title>Kontak</title>
</head>
<body bgcolor="grey">
<h1>Kontak</h1>
Jika ada pertanyaan dapat penghubugi : <br>
No. HP : 085780399311<br>
Email : <font color="blue"><u><i>ainisalsa26@gmail@gmail.com</i></u></font>
</body>
</html>
Hasil runningnya
Demikian, terimakasih
0 komentar:
Posting Komentar