HTML
HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
LANGSUNG SAJA !!!
MEMBUAT TAMPILAN WEBSITE PRIBADI
<html>
<head>
<title>Fairuz Hanif Rabbani Website</title>
</head>
<body bgcolor="#D7E7F3">
<font face="verdana">
<table border="0" style="border-collapse:
collapse" width="100%" cellpadding="8"
bordercolor="black">
<tr>
<td width="20%">
<!-- ini tabel foto -->
<table border="0" style="border-collapse:
collapse" width="100%"
cellpadding="8" bordercolor="black">
<tr>
<td align="center"><img
border="1" height="100" width="150"
src="gambar/halamadrid.jpg"></td>
</tr>
</table>
<p><hr></p> <!-- untuk memberi jarak
-->
<!-- ini tabel menu -->
<table border="0" style="border-collapse:
collapse" width="100%"
cellpadding="8" bordercolor="black">
<tr>
<td><font size="2">
<ul>
<li><a
href="profil.html">Profil</a></li>
<li><a href="kegiatan.html">Kegiatan</a></li>
<li><a
href="foto.html">Foto-foto</a></li>
<li><a href="mailto:
fairuzhanifrabbani@live.com">Email saya</a></li>
</ul>
</td>
</tr>
</table>
</td>
<!-- ini untuk kolom 2 tabel utama -->
<td valign="top">
<p align="center"><font
size="4"><b>SELAMAT DATANG DI WEBSITE FAIRUZ HANIF RABBANI
</b></font></p>
<p><font size="2">Saya ucapkan terima
kasih atas kunjungan anda ke website
saya. Pada website ini anda dapat melihat profil data diri
saya dan kegiatankegiatan
yang saya lakukan. Di bawah ini adalah puisi yang saya buat
beberapa
waktu lalu. Inspirasi puisi ini datang ketika saya termenung
sendirian dan
memandang langit nan luas.</font></p>
<p><b>Aku dan Tuhanku</b></p>
<p><font size="2">
<i>Ketika aku memandang langit<br>
aku bertanya pada pada diriku<br>
aku...<br>
<br>
siapakah aku sebenarnya?<br>
darimanakah aku berasal?<br>
jauhkah aku dari Tuhanku?<br>
aku....<br>
<br>
Tuhan...<br>
betapa kuasanya engkau<br>
menciptakan langit dan bumi<br>
untuk menghidupi orang-orang<br>
seperti aku<br>
<br>
aku...<br>
apakah aku sudah mengabdi kepadamu?<br>
 |
| 1.1 Tampilan Website Pribadi |
MEMBUAT TAMPILAN PROFILE WEBSITE
<html>
<head>
<title>Profil Fairuz Hanif Rabbani</title>
</head>
<body bgcolor="#D7E7F3">
<font face="verdana">
<p align="center">
<table border="0" cellpadding="8"
bordercolor="black">
<tr>
<td colspan="2"
align="center"><b>DATA
PRIBADI</b><hr></td>
</tr>
<tr>
<td align="right"><font
size="2"><b>Nama: </b></td>
<td><font size="2">Fairuz Hanif
Rabbani</td>
</tr>
<td align="right"><font
size="2"><b>Tempat/Taggal lahir: </b></td>
<td><font size="2">Jakarta, 06 Agustus
1995</td>
</tr>
<td align="right"><font
size="2"><b>Agama: </b></td>
<td><font size="2">Islam</td>
</tr>
<tr>
<td align="right"><font
size="2"><b>Gol. Darah: </b></td>
<td><font size="2">O</b></td>
</tr>
<tr>
<td align="right"><font
size="2"><b>Pekerjaan: </b></td>
<td><font
size="2">Mahasiswa</td>
</tr>
<tr>
<td align="right"><font
size="2"><b>Hobi: </b></td>
<td><font size="2">Gamers</td>
</tr>
<tr>
<td colspan="2"
align="center"><a href="index.html">Kembali ke
halaman
utama</a></td>
</tr>
</table>
</font>
</body>
 |
| 1.2 Tampilan Profile Website |
MEMBUAT
TAMPILAN KEGIATAN WEBSITE
<html>
<head>
<title>Kegiatan Fairuz Hanif Rabbani</title>
</head>
<body bgcolor="#D7E7F3">
<font face="verdana">
<p align="center"><font size="4"><b>Kegiatan
Fairuz Hanif Rabbani</b><hr></p>
<center>
<table border="1" style="border-collapse:
collapse" cellpadding="8"
bordercolor="black" width="80%">
<tr>
<td><img src="gambar/for baltimore.jpg"
width="231" height="149"></td>
<td bgcolor="white"><font
size="2"><p><b>Kegiatan Bersama
Teman</b></p>Pada akhir tahun 2014 nanti saya
dan teman-teman mempunyai acara
tahun baruan di Baltimore. Rencananya kami di Baltimore
mulai tanggal 29 Desember sampai 2
Januari.</font></td>
</tr>
<tr>
<td align="center"
colspan="2"><a href="index.html">Kembali ke
halaman
utama</a></td>
</tr>
</table>
</center>
</font>
</body>
</html>
 |
| 1.3 Tampilan Kegiatan Website |
MEMBUAT
TAMPILAN FOTO-FOTO WEBSITE
<html>
<head>
<title>Foto-Foto</title>
</head>
<body bgcolor="#D7E7F3">
<font face="verdana">
<p align="center"><font
size="4"><b>Foto-foto koleksi Fairuz Hanif Rabbani
</b></font><hr></p>
<center>
<table border="1" style="border-collapse:
collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center"><img src="gambar/lulus1.jpg"
height="149" width="231"></td>
<td align="center"><img
src="gambar/lulus2.jpg" height="149"
width="231"></td>
</tr>
<tr>
<td align="center"><font
size="2">National Exam 2013</font></td>
<td align="center"><font
size="2">National Exam 2013</font></td>
</table>
<p></p>
<table border="1" style="border-collapse:
collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center"><img
src="gambar/lulus3.jpg" height="149"
width="231"></td>
<td align="center"><img src="gambar/lulus4.jpg"
height="149" width="231"></td>
</tr>
<tr>
<td align="center"><font
size="2">National Exam 2013</font></td>
<td align="center"><font
size="2">National Exam 2013</font></td>
</table>
<p><a href="index.html">Kembali ke
halaman utama</a></p>
</center>
</font>
</body>
</html>
 |
| 1.4 Tamilan Foto Koleksi Website |
Sekian dari saya semoga bermanfaat !!!
Postingan
0 komentar:
Posting Komentar