Jumat, 10 Agustus 2012

membuat tabel dengan HTML

selamat malam sobat setia bloger,...



setelah kemarin saya mengulas tentang pembuatan frame kali ini saya akan coba mengulas tentang pembuatan tabel dengan HTML. seperti biasa tanpa banyak basa-basi langsung saja ke topik permasalahan.

pertama untuk membuat tabel yang di perlukan adalah TAG  <TABLE>. untuk cara penggunaanya sobat bisa membaca  langkah-langkah di bawah ini.

seperti biasa.


<html>
<head>
<title> Pembuatan Tabel
</title>
<body>

<table border align=center>

<div align=center> <h1> <b> Daftar Siswa SMA Kelas 12 IPS 2 </b> </h1> </div>

<tr bgcolor=yellow>
     <th>No
     <th>Nama
     <th>Alamat
</tr>

<tr>
   <th bgcolor=purple>1.
   <th>Euis
   <th align=left>jl. cisadane no.20 rt.12 rw.3
</tr>

<tr>
   <th>2.
   <th>Tina
   <th align=right>jl. Jakarta no.2 rt.2 rw.13
</tr>

<tr>
   <th>3.
   <th>Ucup
   <th align=center>jl. batik kumeli no.15 rt.12 rw.6
</tr>


</tabel>
</body>
</html>

demikianlah pembuatan tabel dengan menggunakan HTM. bila sobat masih bingung kita akan bahas bersama  :)


semoga postingan saya ini dapat bermanfaat ,...
salam sejahtera,...

tidak bosan2nya saya meminta comentarnya dari anda.
supaya blog saya ini tidak buluk :) tank's 






Senin, 06 Agustus 2012

link Frame dengan html

TUTORIAL HTML

selamat malam ?,.... terimakasih anda masih mau berkunjung ke blog saya ini. baiklah seperti biasanya saya tidak akan panjang lebar dan banyak berbasa-basi.

Kali ini saya akan coba jelaskan tentang pemrograman HTML khusunya tentang link pada frame. setelah membaca banyak sekali rujukan dari dari para bloger senior dan melakukan banyak trial and error akhirnya saya bisa sedikit memahami tentang proses link antar frame.

Sebagai rujukan bagi anda yang betul2 awam tentang HTML dan ingin mencoba alangkah baiknya anda terlebih dahulu membaca tentang pembuatan HTML sederhana, cara kerja LINK berikut atributnya, dan satu lagi tentang cara kerja FRAME.

langsunjg saja untuk bisa membuat sebuah WEB HTML yang menggunakan LINK dan FRAME pertama-tama anda buat 5 buah file di notepad yang tentunya ber-extantion dot html (.html). sebagai contoh :

file menu.html

<html>
<head>
<title> isi Menu utama
</title>
<body>
<h1>... Ini ISI HALAMAN MENU ... </h1>
<a href ="tampilan.html" target="Frame kanan">TAMPILAN</a><br>
<a href ="cv.html" target="Frame kanan">CV</a><br>
<a href ="sl.html" target="Frame kanan">Surat Lamaran</a><br>
</body>
</html>


file tampilan.html


<html>
<head>
<title> isi Menu utama
</title>
<body>
<h1>... TAMPILAN ISI WEB ... </h1>
</body>
</html>

file cv.html


<html>
<head>
<title> isi Menu utama
</title>
<body>
<h1>... Ini ISI HALAMAN CV ... </h1>
</body>
</html>


file sl.html (surat lamaran. html)

<html>
<head>
<title> isi Menu utama
</title>
<body>
<h1>... Ini ISI HALAMAN SURAT LAMARAN ... </h1>
</body>
</html>

ke empat file di atas adalah isi dari web yang natinya akan di tampilkan di web utama yang menggunakan TAG FRAMESET. baiklah berikut ini adalah contoh file utama.

file frameset.html


<html>
<head>
<title>rancangan web
</title>
</head>
<frameset cols="25%,*">
<frame name="Frame Kiri" src="menu.html" target="main">
<frame name="Frame kanan" src="cv.html">
</frameset>
</html>


yang perlu anda perhatikan pada program HTML berikut ini adalah :
1. TAG LINK. hanya ada di file menu dan file frameset
2. destination ( tujuan dari pada frame) <-- ini adalah bagian yang sangat penting dimana anda harus memberikan nama pada frame nya perhatikan perintah yang berwana merah. pada file menu target="Frame kanan"  <-- ini adalah perintah untuk penempatan dari hasil link. sedangkan pada file frameset name="Frame kanan" <-- ini adalah perintah penamaan frame agar frame dapat dengan mudah di panggil sebagai tempat untuk menampilkan isi dari link tadi.






semoga postingan saya ini dapat bermanfaat ,...
salam sejahtera,...

tidak bosan2nya saya meminta comentarnya dari anda.
supaya blog saya ini tidak kamseupay :) tank's 




referensi:
http://www.mahfudcs.web.id/2012/04/frame-dan-iframe-html.html#.UB_mC_biaB0