in Belajar

Membuat program HTML sederhana

008

(UMBY Kampus Kebanggaanku) Halo gaes, Selamat liburan ya buat kalian-kalian yang sedang merayakanya 😀 , dalam kesempatan kali ini saya akan membagikan cara membuat program html sederhana yang menampilkan data diri . Sebelum membuat kita harus tau apa itu HTML . HTML adalah Hyper Text Markup Language biasanya digunakan untuk membuat sebuah halaman web .begini program nya ,cekidot 😀 :

<head> <!–Kepala Home–>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Home</title>
</head>
<body background=”p1.jpg”> <!–body dan background–>
<table border=’1′ align=’center’>
<tr>
<td colspan =”5″><h3><center>Tugas Pemrograman Berbasis Web</center></h3></td>
</tr>
<!–Menu–>
<tr>
<td width=”130″><a href=”home.html”><center>Home</center></td>
<td width=”130″><a href=”Riska.html”><center>Biodata</center></td></tr>
</table>
</body>
</html>

Save dengan nama Home.html (format html )Tampilanya akan seperti ini :

web1

Untuk menu ke 2 yaitu Biodata ,Saya memberikan nama untuk file tersebut Riska.html berikut kodingnya :

<html> <!– HTML –>
<head> <!– Kepala atau atas biasa disebut Header –>
<title> Biodata </title> <!– Judul –>
<style type=”text/css”>
</style>
</head>
<body background =”p1.jpg”> <!– background bergambar kayu –>
<table width=”453″ border=’1′ align=’center’> <!– Table menu dengan ketebalan garis tabelnya –>
<tr>
<td width=”232″><a href=”home.html”>Home</td>
<td width=”183″><a href=”Riska.html”>Biodata</td>

</tr>
</table>

<table border=’1′ align=’center’> <!– Kepala atau atas biasa disebut Header –>
<br> <!– <br> = baris –>

<center> <!– center=membuat tulisan ke tengah –>
</center>

<br> <!– <br> = baris –>

<!– Biodata saya –>
<tr>
<td>Nama</td>
<td>Riska Mardinawan </td>
</tr>

<tr>
<td>Nim</td>
<td>13111— </td>
</tr>

<tr>
<td>Prodi</td><td>Teknik Informatika </td>
</tr>

<tr>
<td>Fakultas</td><td>Teknologi Informasi </td>
</tr>

<tr>
<td>Tanggal lahir</td>
<td>31 November 1996</td>
</tr>

<tr>
<td>Tempat lahir</td><td>Jakarta </td>
</tr>

<tr>
<td>Alamat</td><td>Dowangan,Banyuraden,Gamping,Sleman,Yogyakarta </td>
</tr>

<tr>
<td>No Telephone</td>
<td>089655641112</td>
</tr>
</table> <!– penutup table –>
</body> <!– penutup badan web –>
</html> <!– penutup –>

Dan hasil dari Script tersebut adalah :

 web2

 Gampangkan? 2 file diatas dijadikan 1 folder dan untuk backgroundnya, saya kasih nama p1 untuk pemanggilan gambar . Gambar tersebut ditaruh di folder ya , jadi dalam 1 folder tersebut ada home.html , Riska.html serta gambar berformat jpg .Itu saja yang bisa saya bagikan ,jika ada pertanyaan tulis dikolom komentar atau kirim ke email saya .

Terimakasih

Share Artikel
Written By:

2 Comments