This time I will discuss about web programming lessons, before that I am very grateful to you for visit the time blog me.
I will discuss about web page design with the concept of the table.
I will share, such as Layout and alternating index and program listing untunk make split layout.
I will show the previous web page design after I'll show codingnya.
Hai semua
Kali ini saya akan membahas tentang pelajaran pemprogaman web, sebelum itu saya sangat berterima kasih karena anda telah meluangkan waktu keblog saya .
saya akan membahas tentang desain halaman web dengan konsep tabel.
saya akan membagikan ,seperti Layout dan alternating index and Listing program untunk membuat layout split.
sebelumnya saya akan menampilkan desain halaman web setelah saya akan memperlihatkan codingnya .
OKE SIMPLY LOOK BELOW
OKE LANGSUNG LIHAT KEBAWAH
1. Left Index
Here is a listing program to create a layout "Left Index" web page with a table of elements.
Berikut ini adalah listing program untuk membuat layout “Left Index” halaman web dengan elemen table.
This example display program listings to create a layout "Left Index" web page with a table of elements.
Ini contoh tampilan listing program untuk membuat layout “Left Index” halaman web dengan elemen table.
Berikut ini adalah listing program untuk membuat tata letak"Left Indeks "halaman web dengan unsur table".
coding:
"Here is a listing program to create a layout "Left Index" web page with a table of element".
Coding :
<!DOCTYPE html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="447" border="1" align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top" bgcolor="Red"> <font color="#8599FF"><p>Home</p>
<p>Profile</p>
<p>About Us</p>
<p>Blog</p>
<p>Contact Us</p></th>
<th width="627" height="23" align="center" bgcolor="#6CFDE7"><strong><<font color="FFFF00" size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top" bgcolor="#6CFDE7"><font color="#FFFF00"><p> </p>
<p>Selamat datang di web unda, penjualan produk online ini adalah yang pertama di Kuin utara kami.
kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
</tr>
</table>
</form>
</body>
</html>
Examples typing in notepad
2.Layout Split
Berikut ini adalah listing program untuk membuat layout “Left Split” halaman web dengan elemen table.
This example display program listings to create a layout "Left split" web page with a table of elements.
Ini contoh tampilan listing program untuk membuat layout “Left Split” halaman web dengan elemen table.
Ini contoh tampilan listing program untuk membuat layout “Left Split” halaman web dengan elemen table.
Berikut ini adalah listing program untuk membuat tata letak"Left Split "halaman web dengan unsur table".
coding:
"Here is a listing program to create a layout "Left Split" web page with a table of element".
Coding :
<!DOCTYPE html >
<head>
<title>left </title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#ff99f9">
<strong>Daftar Isi </strong></td>
<td width="67%" height="23" align="center" bgcolor="#e62641">
<font size="+3"><strong>Banner/judul</strong></font></td>
<td width="18%" rowspan="2" align="center" bgcolor="#ff99f9">
<strong>Daftar Isi </strong> </td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#b34fab">
<p>Body atau contents(isi)</p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#990033">Body atau contents(isi)</font></p>
<p><font color="#f69186">Body atau contents(isi)</font></p>
</td>
</tr>
<tr bgcolor="#faeb03">
<td height="23" colspan="3" align="center">Lain-lain </td>
</tr>
</table>
</form>
</body>
</html>
Examples typing in notepad
3. Alternating Index
Berikut ini adalah listing program untuk membuat tata letak"Alternating Index "halaman web dengan unsur table".
This example display program listings to create a layout "Alternating Index" web page with a table of elements.
Ini contoh tampilan listing program untuk membuat layout “Alternating Index” halaman web dengan elemen table.
Berikut ini adalah listing program untuk membuat tata letak"Alternating Index "halaman web dengan unsur table".
coding:
"Here is a listing program to create a layout "Alternating Index" web page with a table of element".
Coding :
<!DOCTYPE html >
<head>
<title>alternating</title>
</head>
<body>
<form id="form1" name="form1" method="post" action=""> <table width="800" height="738" border="1" align="center">
<tr>
<td height="248" align="center"bgcolor=" #1d00cc"><font size="+1"><strong>Teks/Daftar isi</strong></font>
</td>
<td align="center" bgcolor="#d2ffcc"><font color="#66ffe0" size="+7"><strong>
<strong><em>Gambar </em> </strong></font></td>
</tr>
<tr>
<td height="261" align="center" bgcolor="#d2ffcc"><font color="#66ffe0" size="+7">
<strong><em>Gambar </em></strong></font><font size="+7"><em></em></font></td>
<td align="center" bgcolor="#1d00cc"><font size="+1"><strong>Teks/daftar isi</strong></font></td>
</tr>
<tr bgcolor="#fbff99">
<td height="150" colspan="2" align="center"><font color="#66ffe0"><strong><font size="+1">Lain-lain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>
Examples typing in notepad
Yes thanks hopefully this post is very helpful for you
good luck trying !!
Ya terima kasih semoga postingan kali ini sangat bermanfaat buat kalian
semoga berhasil mencoba !!
