Blogger Widgets
Animated Fire

Rabu, 27 Januari 2016

Layout web Tugas The Series 2

Coding

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#C0C0C0">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#800080">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><font size="+1"><b>Daftar isi atau navigasi</b></font></td>
</tr>
</table>
</form>
</body>
</html> 



Hasilnya saat run ke firefox

 

End. Thanks

Diposting oleh di Tidak ada komentar:

Layout halaman web Tugas 6

 Selamat Datang Di Blogger Saya.

Coding Dari tugas web 6 :
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
atau iklan</font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><font color="#FF0000">Daftar
isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#9966CC">Info
tambahan atau lain-lain </font></td>
</tr>
</table>
</form>
</body>
</html>

Dan Ini lah hasilnya saat run ke Firefox


Terima Kasih. 
Diposting oleh di Tidak ada komentar:

Tabel Bersarang the series 2 :v

Selamat Datang di Blogger Saya
Welcome to my blogger

Saya ingin menyampaikan cara membuat tabel bersarang dengan note++, tapi kali ini saya ingin menyampaikan dulu dengan codding membuat "Tabel Bersarang".

I would like to convey how to create a nested table with a note ++, but this time I would like to express once with codding make "Nested Tables".

<html>
<head>
    <title>Table In Table</title>
</head>

<body>
    <table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
        <tr><td><b>table > tr > td
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
            <table width="100%"  cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="250px"><b>table > tr > td
                <table width="100%" cellspacing="5" cellpadding="5">
                    <tr>
                    <td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
                    <td valign="top" bgcolor="#00BCD4">td
                        <table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
                            <tr><td><b>table > tr > td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
                            <tr><td bgcolor="white" valign="top">td</td></tr>
                            <tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
                        </table>
                    </td>
                    <td valign="top" bgcolor="#00BCD4" width="150px">td</td>
                    </tr>
                </table>
            </td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>       
        </td></tr>
    </table>
</body>
</html> 



Dan ini lah hasilnya saat run ke Mozilla Firefox.

And this is the result when run to Mozilla Firefox.

gambar 1.1

 
gambar 1.2






Terimakasih Atas Perhatianya semua. 
Thank you for all the attention.

 
Diposting oleh di Tidak ada komentar:

Minggu, 10 Januari 2016

Cara Membuat Html dengan Tabel Bersarang

 Asalammualaikum WA.wb

Selamat Datang Di Forum/blog saya, dan kini saya akan menampilkan "Membuat Html dengan Tabel Bersarang". :v  pertama pastikan ada mempunyai software notepad ++.


<html>
</head>
<body>
    <table border="1" cellpadding="5">
    <caption>Online Order</caption>
    <tr>
        <th>Description</th>
        <th>Qty</th>
        <th align="right">Price</th>
        <th>Email Account Note</th>
    </tr>
  
  
    <tr>
        <td>Email Account</td>
        <td align="right">10</td>
        <td align="right">$9.90</td>
        <td rowspan="5">
            <table border="1">
                <tr><td>Mailbox</td><td>10GB</td><tr>
                <tr><td>Webmail</td><td>Yes</td></tr>
                <tr><td>POP3</td><td>Yes</td></tr>
                <tr><td>IMAP</td><td>Yes</td></tr>
                <tr><td>Anti-spam</td><td>Yes</td></tr>
            </table>
        </td>
    </tr>
  
    <tr>
        <td>FYIcenter.com ad</td>
        <td align="right">1</td>
        <td align="right">$99.00</td>
    </tr>
  
    <tr>
        <td>1-years Acces</td>
        <td align="right">1</td>
        <td align="right">$199.00</td>
    </tr>
  
    <tr>
        <td colspan="2" align="right">Shipping</td>
        <td align="right">$3.99</td>
    </tr>
  
    <tr>
        <td colspan="2" align="right">Tax</td>
        <td align="right">$15.99</td>
    </tr>
    </tabble>
</body>
</html>


Dan inilah hasilnya saat codingnya telah selesai




..
.
Dan ini lah yang saya bisa sampaikan. kalau ada kesalahannya mohon maaf. 
Wassalammualaikum wa.wb.

Diposting oleh di Tidak ada komentar:

Sabtu, 09 Januari 2016

Melakukan html tabel bersarang.

 Saat membuat Codding html dalam bentuk tabel bersarang. Peratikan Codding pada gambar dibawah ini!





Saat Run ke Mozilla Firefox, dan ini lah hasil kerja saya dalam membuat html. Lihat lah pada gambar pada gambar dibawah ini!.



Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)