Label:
Rancang dan Program WEB
Pembuatan Coding :
<html>
<head>
<title>Arsip Pertemuan</title>
</head>
<body>
<ol>
<li>pertemuan 1</li>
<li>pertemuan 2</li>
<li><a href=pertemuan3.html>pertemuan 3</a></li>
</ol>
===========================================
</body>
</html>
| <html> |
| <head> |
| <title> Arsip Pertemuan </title> |
| </head> |
| <style type="text/css"> |
|
|
| body |
| { |
| background-color:#d0e4fe; |
| } |
|
|
| h1 |
| { |
| color:blue; |
| text-align:center; |
| background-color:#9CC3F7; |
| } |
|
|
| h2 |
| { |
| color:blue; |
| text-align:left; |
| } |
|
|
| </style> |
| </head> |
|
|
| <body> |
|
|
| <h1><marquee><h5>Web Design Simple Experiments.</h5></marquee></h1> |
| <h2> Arsip Pertemuan :</h2> |
|
|
|
|
| <body> |
| <a style="display:scroll;position:fixed;buttom:5px;right:5px;"><img src="front.gif"/></a> |
|
|
| <ul class="navbar"> |
| <li><a href="index.html">Menu Awal</a> |
| <li><a href="pertemuan1.html">Pertemuan 1</a> |
| <li><a href="pertemuan2.html">Pertemuan 2</a> |
| <li><a href="pertemuan3.html">Pertemuan 3</a> |
| </ul> |
|
|
| </body> |
| </html>
Coding HTML Pertemuan 3 :
| <html> |
| <head> |
| <title> Pertemuan 3 </title> |
| </head> |
| <style type="text/css"> |
| body |
| { |
| background-color:#d0e4fe; |
| } |
| h1 |
| { |
| color:blue; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
| h2 |
| { |
| color:#001FFF; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
| h3 |
| { |
| color:#003DFF; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
| h4 |
| { |
| color:#005CFF; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
| h5 |
| { |
| color:#007AFF; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
| h6 |
| { |
| color:#6699FF; |
| text-align:center; |
| } |
| p |
| { |
| font-family:"Times New Roman"; |
| } |
|
|
|
|
| </style> |
| </body> |
|
|
| <h1> Pertemuan 3 </h1> |
| <h2> Pertemuan 3 </h2> |
| <h3> Pertemuan 3 </h3> |
| <h4> Pertemuan 3 </h4> |
| <h5> Pertemuan 3 </h5> |
| <h6> Pertemuan 3 </h6> |
|
|
| <p><b> Contoh File Gambar <b></p> |
| <p><i> Gambar Sandal </i></p> |
| <img src=sandal1.jpg height=150> |
| <img src=sandal2.jpg height=150> |
| <img src=sandal3.jpg height=150> |
| <img src=sandal4.jpg height=150> |
| <img src=sandal5.jpg height=150> |
| <img src=sandal6.jpg height=150> |
| <img src=sandal7.jpg height=150> |
| <img src=sandal8.jpg height=150> |
| <img src=sandal9.jpg height=150> |
| <img src=sandal10.jpg height=150> |
| <img src=sandal11.jpg height=150> |
|
|
| |
| <p> |
| <b><i><u>Jakarta</u></i></b> <i>Sebanyak</i> <u>enam</u> korban tewas tenggelamnya KM Bahuga Jaya berhasil dievakuasi. <br> |
| Korban dibawa ke Pelabuhan Bakauheni, Lampung dan dibawa ke rumah sakit terdekat. |
| </p> |
|
|
| <p> |
| "Informasi terakhir, sudah ada 6 korban tewas yang dievakuasi," |
| kata General Manager ASDP Cabang Bakauheni Yanus Letanga saat dihubungi detikcom, |
| Rabu (26/9/2012). |
| </p> |
|
|
| <p>Menurut Yanus, tabrakan antara Bahuga Jaya dengan kapal kargo terjadi pukul 04.48 WIB. |
| Kecelakaan terjadi saat KM Bahuga dalam perjalanan dari Pelabuhan Merak ke Pelabuhan Bakaehuni.</p> |
|
|
| <p>PT ASDP merilis data penumpang pejalan kaki sebanyak 12 orang, |
| sepeda motor (10), kendaraan pribadi (22), pick up (11), colt diesel (17). |
| "Jumlah pasti penumpang keseluruhan masih dicari tahu karena harus kroscek ke Pelabuhan Merak, |
| " kata Humas ASDP, Mario S Utomo</p> |
|
|
| <p><b><i> Back to </i></b></p> |
| <ul> |
| <li><a href="index.html">Menu Awal</a> |
| <li><a href="pertemuan1.html">Pertemuan 1</a> |
| <li><a href="pertemuan2.html">Pertemuan 2</a> |
| <li><a href="pertemuan3.html">Pertemuan 3</a> |
| </ul> |
|
|
| </body> |
| </html> |
|
0 komentar:
Posting Komentar
Tuliskan Komentar Disini..