Rabu, 28 Maret 2012

belajar html sederhana

berikut ini adalah belajar membuat halaman web yang sangat sederhana menggunakan HTML. dengan menggunakan bahasa-bahasa dasar html membuat halaman web menggunakan tabel,Secara default memang table akan terletak dibagian kiri layar. Tapi kita bisa mengatur letaknya ditempat yang kita inginkan. Misalnya dibagian kiri,dibagian tengah atau dibagian kanan layar monitor.

Untuk mengatur letak table kita hanya perlu menambahkan 
<div align="#"> diatas tag <table> dan </div> dibawah tag </table> 
 Tanda # bisa diganti dengan center atau right.

Kalau kita ingin mengatur letak table tetap berada dibagian kiri layar, kita tidak perlu menambahkan kode <div align="#"> dan </div>. Tapi kalau ingin memindahkan table kebagian tengah layar monitor maka perlu ditambahkan kode <div align="center"> atau cukup dengan kode <center> dan </center>.



Sedangkan untuk menaruh table kebagian kanan gambar,maka kodenya adalah <div align="right"> dan </div>
Mari sekarang kita letakkan table dibagian tengah layar.

Pertama kita taruh kode <div align="center"> diatas kode <table> dan kode </div> dibawah kode </table>

Nah itu sebagian dari contoh codenya sekarang mari kita praktekan untuk membuat halaman web sederhana.


Sekarang kode HTML nya saya buat seperti dibawah ini:

nama file: home.html

<html>
<head><title>PemrogramanWeb</title></head>
<body>
width="679" height="300" border="1" align="center"> <tr> <
<table
td height="30" colspan="3" align="center">
ght="100"></td> </tr> <tr> <td width="110" height="210" val
<img src="gambar/header.jpg" width="678" he
iign="top"><ul>
<li> <a href="home.html">Home</a></li>
<li> <a href="artikel.html">Artikel</a></li>
60" border="" align="center"> <tr> <td width
<li> <a href="biodata.html">Biodata</a></li>
</ul></td>
400"><table width="350" height="
<td width= "
1="160" height="90">
<p><img src="gambar/gambar1.jpg" width="345" height="220"></p>
<p>Nama : Idham fatoni<br>Nim :08018361</p></td> </tr> <tr>
> </tr> <tr> <td width="160"
<td width="160" height="90"> <p><img src="gambar/gambar2.jpg" width="345" height="220"></p> <p>Nama : Agus Wahyu Utomo<br>Nim : 08018357</p></t d height="90"> <p><img src="gambar/gambar3.jpg" width="345" height="220"></p> <p>Nama : Agus Dwi N<br>Nim : 08018368</p></td> </tr> </table> </body>
</html>


Nama file artikel.html :

 <html>
<head>
PemrogramanWeb</title> </head
<title
>>
body>
<
h="679" height="300" border="1" align="center"> <tr> <td h
<table wid
teight="30" colspan="3" align="center">
height="100"></td> </tr> <tr> <td width="110" height="210
<img src="gambar/header.jpg" width="678
"" valign="top"><ul>
<li> <a href="home.html">Home</a></li>
iodata.html">Biodata</a></li> </ul></td> <t
<li> <a href="artikel.html">Artikel</a></li>
<li> <a href="
bd width="400"><table width="350" height="160" border="1" align="center">
<tr> <tr><td>
/a> </div> </td> </t
<div align="center"> <a href="artikel.html">link-1</a> |  <a href="artikel.html">link-2 <r> <td width="160" height="150"> <left><font color="#0000FF">
ogis, epigrafis, estetis dan filosofis. Aspek sosiologis berkaitan de
<p> Penulisan buku Sejarah Sastra Jawa ini meliputi aspek sosio lngan sistem kemasyarakatan Jawa yang telah berinteraksi dengan kelompok lain, baik dalam
kemudian terjadi kontak budaya yang saling mempengaruhi. Akulturasi dan asimilas
tataran lokal, regional mapun internasional. Pergaulan masyarakat Jawa yang amat luas itu i kebudayaan itu menjadikan masyarakat Jawa terbiasa dengan perubahan, sehingga muncul sebuah jati diri yang terbuka dan akomodatif.
emukan beragam prasasti dan kitab-kitab Jawa kuno. Semuanya
Ketrampilan masyarakat Jawa dalam bidang membaca dan menulis merupakan obyek kajian epigrafis. Dari perspektif epigrafis ini telah di tmemberi informasi bahwa peradaban Jawa diwariskan pada generasi berikutnya lewat tulisan. Komunikasi antar generasi tentu memperkuat imajinasi publik tentang masa lampau, yang
gga yang tersimpan dalam berbagai musium dan pe
merupakan kristalisasi dari kesadaran historis. Sistem pewarisan kultural itu dikemas dalam bentuk nilai estetis yang sangat tinggi. Adanya karya sastra hasil ciptaan para puja nrpustakaan menunjukkan bahwa masyarakat Jawa mempunyai citarasa seni yang cukup mengagumkan dan membanggakan. Penguasaan nilai estetis yang tersebar sejak dari daerah perkotaan, pedesaan dan
di peni dan kagunan adi luhung. 3 Nilai filosofis karya sastra berhubungan
pegunungan membuktikan bahwa kreatifitas dan produktifitas masyarakat Jawa sampai saat ini masih terpelihara dengan baik. Puncak-puncak nilai estetika Jawa sering disebut dengan istilah seni e dengan pandangan hidup dan pegangan hidup. Karya yang bermutu tinggi dinamakan dengan sebutan Sastra Piwulang. Masyarakat Jawa menjadikan sastra piwulang itu sebagai cermin atau kaca benggala untuk bekal mengarungi samudra kehidupan, lelakoning ngaurip.
u hayuning bawana. Pada kesempatan ini saya mengucapkan terima kasih kepada B
Dalam pasrawungan atau interaksi sosial kerap kali dijumpai ungkapan-ungkapan dari kutipan kitab Jawa Kuno yang mengandung wisdom atau kawicaksanan. Orientasinya adalah terciptanya kehidupan yang penuh dengan keselarasan, keserasian dan keseimbangan, mema yapak Dr. Soetrisno R, M.Si yang selalu memberi kritik dan saran. Ucapan terima kasih juga saya sampaikan kepada Ibu Dra. Doni Rekro Harijani, M.Si sekeluarga yang telah memberi dorongan semangat untuk berkarya cipta. Kepada Kazunori Toyoda, sahabat karib berkebangsaan Jepang, kami ucapkan gunging panuwun ingkang
eft></h1>  </p><br> <p> Nabi Musa as adalah salah seorang dari Bani Israel
tanpa pepindhan atas ketulusan dan bantuannya. Rasa hormat untuk Pak Ridjan yang mengajarkan lara lapa dan tapa brata. Doa kaswargan kagem Swargi Embok Yatinem, ingkang sampun surud ing kasedan jati pada tanggal 1 Januari 2004, Kamis Pahing 9 Sela 1424 di Grogol, Mojorembun, Rejoso, Nganjuk, Jawa Timur. </font></ l, dilahirkan di Mesir ketika
(1301-1234 SM). Ia dididik dalam istana Fir’aun, setelah dihanyutkan oleh ibunya di Sungai Nil, dan diletakkan di dalam Tabut (peti). Ketika besar ia tanpa sengaja membunuh seorang Mesir. Karena perasaan bersalah, mendorong Musa pergi melarikan diri menuju Madyan, dimana ia bekerja sebagai penggembala kepada Syu’aib, yang kemudian mengawinkannya dengan salah seorang putrinya sendiri. </p> </td></tr> </tr> </tabl
Ramses II yang menjadi Fir’au ne> </body>
</html>

Nama file biodata.html :

    <html> 
    <head> 
mrogramanWeb</title>      </head> 
    <title>P
e
     
    <body> 
height="300" border="1" align="center">      <tr>      <td hei
    <table width="679"
ght="30" colspan="3" align="center"> 
678" height="100"></td>      </tr>            <tr>      <td w
    <img src="gambar/header.jpg" width=
"idth="110" height="210" valign="top"><ul> 
    <li> <a href="home.html">Home</a></li> 
</a></li>            </ul></td>      <td width=
    <li> <a href="artikel.html">Artikel</a></li>      <li> <a href="biodata.html">Biodat a"400"><table width="350" height="160" border="" align="center">      <tr>      <td width="160" height="93"> 
border="" cellpadding="0" cellspacing="0" >           
    <p align="center"><b>Masukkan Komentar Anda</b></p>            <table id="Table_01" width="341" height="92 "    <tr>                   <td width="334" align="left" valign="top" bgcolor=""><form method="POST" action="">            <table width="255">              <tr> 
sername" type="text" size="40"></td>              </tr>              <tr>                <td
              <td width="60" align="left" valign="top"><font color="#000000"> Nama</font></td>                <td width="183" align="left" valign="top"><input name=" ualign="left" valign="top"><font color="#000000">Email</font></td>                <td align="left" valign="top"><input name="password" type="" size="40"></td>              </tr>                           <tr> 
            <tr>                <td align="left" valign="top"><font color="#000000">K
              <td align="left" valign="top"><font color="#000000">Alamat</font></td>                <td align="left" valign="top"><input name="password" type=" " size="40"></td>              </tr>               omentar</font></td> 
  <input type="button" value="Batal">              </td>              </tr>            </table>   
              <td align="left" valign="top"><input type="text" " size="40" table height="255"> </td>              </tr>              <td colspan="2" align="right" valign="top"><input type="submit" value="Simpan">                              </form>      </table>      </td>      </tr>      </table>      </body> 
    </html>  

silahkan di coba semoga berhasil

ini adalah hasil kerjasama kami yang semoga bermanfaat
1. Idham Fatoni             (08018361)
2. Agus Wahyu Utomo  (08018357)
3. Agus Dwi Nuryanto   (08018368)

2 komentar: