1. Buat sebuah homepage yang terdiri dari JUDUL, BIODATA, TULISAN, dan MARQUEE dalam tiga file, yakni biodata.html, kenangan.html, dan marquee.html. Ketik program HTML berikut.
a. Membuat Judul
<html>
<body bgcolor="blue">
<h1 align="center"><font color="Yellow">ORGANISASI SISWA INTRA SEKOLAH (OSIS) <font></h1>
</html>
 |
| tampilan judul |
b. Membuat Biodata
<html>
<head>BIODATAKU</head>
<body bgcolor="green">
<BR>Nama : TASYA MUGHNI SAFIQ'ATI
<BR>Tempat Lahir : Pasuruan
<BR>Tanggal Lahir : 15 November 2012
<BR>Alamat : Jl. Tamanan kepulungan Kec. Gempol
<BR>Kota : Pasuruan
<BR>Sekolah : SMA Pandaan
<BR>Hobi : Menulis, Membaca, Renang
</body>
</html>
 |
| tampilan biodata |
c. Membuat Tulisan
<html>
<title>Teknologi Pembangunan Indonesia</title>
<font color="white">
<head><b>Jembatan Selat Sunda</b></head>
<body bgcolor="grey">
<p>Sebuah obsesi yang patut diacungi jempol. Sebuah pemikiran masa depan yang cemerlang. Kita masih ingat ketika Presiden pertama RI Soekarno mencanangkan pembangunan Monas. Pada waktu itu pembangunan sebuah monumen dengan tinggi 100 meter lebih merupakan kejadian yang sangat langka. Hal ini menjadi catatan sejarah yang tidak pernah dilupakan, meskipun saat ini Monas tidak lagi setinggi menara Petronas di Malaysia yang baru dibuat, atau gedung tertinggi berbentuk pedang yang menancap di Kota Shanghai yang ternyata dibangun oleh orang jepang.</p>
<p>Pembangunan jembatan Selat Sunda yang akan terealisasi pada tahun 2030 merupakan ikon baru di dunia. Panjang jembatan tidak akan tertandingi dimana pun saat itu. Yang membanggakan, semua konstruksi akan dikerjakan oleh anak negeri yang memang kualitasnya juga sama dengan insinyur dari Jepang bahkan Amerika. Kita kadang kehilangan kepercayaan diri sebagai bangsa yang berperadaban tinggi sejak dulu kala.</p>
<p>Pembangunan jembatan Selat Sunda yang menghubungkan Pulau Jawa-Sumatera akan memberikan dampak perkembangan ekonomi yang luar biasa. Jembatan ini selain bernilai ekonomis, juga sebagai sarana transportasi serta sebagai sarana parawisata udara, laut, dan darat.</p>
<p>Sebuah pekerjaan yang besar yang akan dilanjutkan dengan pembangunan jembatan-jembatan lain yang akan menghubungkan antara satu pulau dan pulau yang lain di Indonesia. Sejak dulu kita sudah mengenal Sabang sampai Merauke berjajar pulau-pulau, sambung menyambung menjadi satu, itula INDONESIA. INDONESIA TANAH AIRKU.</p>
<p>Bangga sebagai bangsa Indonesia, yang memiliki kemampuan dan kemauan untuk bekerja keras dapat kita lakukan dengan berbagai cara, seperti belajar dengan tekun, menghargai para pendahulu kita, dan menghargai anak bangsa yang berprestasi.</p>
<p>Jarak bermil-mil dapat ditempuh hanya dengan langkah kaki kita yang sangat pendek. Pekerjaan besar selalu dimulai dari hal-hal kecil, maka dari itu kita harus selalu menghargai pekerjaan kecil. Kita adalah pemuda. Maju mundurnya negara tergantung pada generasi mudanya.</p>
</font>
</body>
</html>
 |
| tampilan tulisan |
d. Membuat Marquee
<html>
<title>Teknologi Pembangunan Indonesia</title>
<body bgcolor="greenligt">
<marquee bgcolor="white">SAYA BANGGA MENJADI ANAK INDONESIA</marquee>
</body>
</html>
 |
| tampilan marquee |
2. Simpan masing-masing file tersebut
3. Jalankan satu persatu, sehingga semua program berjalan dengan baik.
 |
| tampilan keseluruhan |
Tag :
website
0 Komentar untuk "Pratik Dasar Membuat Website Dengan berbagai komponen"