Pemrograman Web 1, Pertemuan 5-1

 Source code home.html :

<html>

<head>

    <title>Contoh Hyperlink</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<font size=3>Assalammualaikum.Wr.Wb.

Apakabar semua. Salam kenal ini adalah web perdanaku. Web ini berisi informasi tentang kegemaranku.

Semoga web ini dapat menginspirasi Anda pada waktu liburan. <a href="http://www.google.com">google</a>

Silakan hubungi saya jika ada yang ingin didiskusikan <a href="mailto:endarnirmala.gmail.com">email</a>

</font>

</pre>   

</body>

</html>

Hasil Output :











Source code profil.html :

<html>

<head>

    <title>Contoh Hyperlink</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<font size=3>Nama Lengkap : Fatiah Amelia

Tempat Lahir : Jakarta

Alamat : Tanah Abang,Jakarta

</font>

</pre>   

</body>

</html>


Hasil Output :







Source code about.html :

<html>

<head>

    <title>Contoh Hyperlink</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<font size=3>Saya membuat web ini dengan tujuan untuk menyelesaikan tugas Pemrograman Web 1 sekaligus mempelajari lebih lanjut tentang web

</font>

</pre>   

</body>

</html>


Hasil output :








Source code gallery.html :

<html>

<head>

    <title>Contoh Hyperlink</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<img src="fat.jpeg" width= "300" height ="375" Alt="fatiah" align="center" title="picture">

</pre>   

</body>

</html>


Hasil Output :









Source code kontak.html :

<html>

<head>

    <title>Contoh Hyperlink</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<font size=3> Email : Fatiahamelia3@gmail.com</font>

</pre>   

</body>

</html>


Hasil Output :



Comments

Post a Comment

Popular posts from this blog

Trip Wisata Umum Bandung Tour

Image
  HARGA SPESIAL PROMO Paket Wisata Umum (Open Trip) BANDUNG TOUR 3H2M Periode  9-11 Oktober 2023 Hanya Rp. 900.000,- saja per orang. Perjalanan 3 hari, menginap 2 malam di hotel berbintang (twin sharing / 1 kamar isi 2 orang), makan 8 kali, transportasi menggunakan kereta. Obyek wisata : Farm House, Floating Market, Kebun Begonia, Orchid Forest Cikole, dan Pusat Oleh-oleh. Start point : Stasiun Gambir, Jakarta Pusat. (berangkat jam 07:00 WIB) DP & Booking Seat : Cukup Rp. 250.000 saja. Informasi & Reservasi : Sunandar (IDE Wisata) 081-321-854-234
Read more

Pemrograman Web 1, Pertemuan 5-0

Image
Source code :  <html> <head>     <title>Contoh Hyperlink</title> </head> <body> <pre> <hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font> <hr color="blue" size=3 width=50% align="left"> <font size=3>Assalammualaikum.Wr.Wb. Apakabar semua. Salam kenal ini adalah web perdanaku. Web ini berisi informasi tentang kegemaranku. Semoga web ini dapat menginspirasi Anda pada waktu liburan. <a href="http://www.google.com">google</a> Silakan hubungi saya jika ada yang ingin didiskusikan <a href="mailto:endarnirmala.gmail.com">email</a...
Read more

Tugas Latihan 2

Image
 <html> <head> <title>Penggunaan Pre</title> </head> <body bgcolor="cyan"> <h2>Ini merupakan contoh penggunaan Heading 2</h2> <p>Script untuk mengatur paragraph <p>Ini juga untuk membuat paragraph  <p align="left"> Paragraph dengan Teks dan pengaturan rata tulisan Align="left" maka akan diratakan pada margin kiri. <p align="center"> Tulisan dengan rata tengah Align="center" maka akan tampil ditengah. <p align="right"> Tulisan teks dengan rata kanan Align="right" , membuat tulisan menjadi rata kanan. <pre> Perintah ini akan membuat tampilan menjadi sama dengan tampilan yang ada pada  editor baik enter dan spasinya. Nama Email ======================= Andini andini@gmail.com Beni beni@yahoo.com Kania kania@yahoo.com Indra indra@gmail.com </pre> </body> </html> Outpuc :
Read more