Jumat, 12 Februari 2016

kegiatan 7,8,9,10

kegiatan 7
 berikut adalah coding html
<html>
<Head>
    <title>BLOG MURSALINA</title>
</Head>

<body>
        <table bgcolor="pink" border="1" width="720px" height="360px">
            <tr><td bgcolor="cyan" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <td align=center>Electronic Shop</td></tr>
            <tr><td bgcolor="red" align=center>ini merupakan salah satu online shop ternama di indonesia <p>
                    kalian bisa berbelanja disini  </td></tr>
            <tr><td align=center>mursalinaa.blogspot.com</td></tr>
        </table>
</body>
</html>
Hasilnya

kegiatan 8
kodingnya
<html>
<head>
    <title>BLOG MURSALINA </title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor="cyan" rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=pink align=center><h3>Banner/Judul</h3></td>
    <td bgcolor="cyan" rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor="blue" align=center>
    <p><font color="white">Body atau contents(isi)</font></p>
        <p><font color="white">Body atau contents(isi)</font></p>
        <p><font color="white">Body atau contents(isi)</font></p>
        <p><font color="white">Body atau contents(isi)</font></p>
        <p><font color="white">Body atau contents(isi)</font></p>
    </td></tr>
    <tr><td bgcolor="red" colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>
 Hasilnya

kegiatan 9 
codingnya 
 <html>
<head>
    <title>BLOG MURSLINA</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="violet" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="pink" align=center width=250px height=170px>Gambar</td></tr>
            <tr><td bgcolor="pink" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="violet" align=center width=250px height=170px>Teks daftar isi</td></tr>
    <tr><td bgcolor="grape" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>
</html>

Hasilnya
 
kegiatan 10
codingnya 
<html>
<head>
    <title>BLOG MURSALINA</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="grape" colspan=2 align=center width=400px height=50px><h2>INI WEB SEKOLAH KITA</h2></td></tr>
    <tr><td bgcolor="cyan" width=170px height=300px>
    <ul type=square>
    <li>Menu<br></li>
    <li>Profil Sekolah<br></li>
    <li>Galeri Foto<br></li>
    <li>Kegiatan<br></li>
    <li>Hubungi kami</li></td></ul>
    <td bgcolor="violet" align=center width=330px>ISI DARI HALAMAN WEB</td></tr>
    <tr><td bgcolor="red" colspan=2 align=center>Comingsoon! mursalinaa.web.id</td></tr>
</table>
</body>
</html>
Hasilnya 

Diposting oleh di Tidak ada komentar:

Sabtu, 30 Januari 2016

kegiatan 6

Ini adalah sambungan dari postingan saya yang sebelumnya

<!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

Diposting oleh di Tidak ada komentar:

Rabu, 27 Januari 2016

Kegiatan 5

Contoh membuat table
Top Index
<!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>  
Hasilnya
Diposting oleh di Tidak ada komentar:

Selasa, 26 Januari 2016

TABLE BERSARANG BERWARNA

Berikut adalah koding dari table bersarang.
<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>

Hasil


Diposting oleh di Tidak ada komentar:

Kamis, 07 Januari 2016

tabel bersarang


Assalamualaikum wr.wb.
Kali ini saya akan membahas tentang tabel dalam tabel (tabel bersarang). Berikut adalah contoh HTML ( Hyper Text Markup Language) tabel bersarang


<html>
<head>
</head>
 <body bgcolor="00FFFF">
<table border="1"cellpading="3">
   <caption>online order</caption>
 <tr>
    <th>description</th>
    <th>Qty</th>
    <th>price</th>
    <th>email account note</th>
 </tr>
 <tr>
  <td>email acoount</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>FYI center.com ad</td>
  <td align="right">1</td>
  <td>$99.00</td>
 </tr>
 <tr>
  <td> 1 years acces</td>
  <td align="right">1</td>
  <td>$199.00</td>
 </tr>
 <tr>
  <td colspan="2">shipping</td>
  <td>$3.99</td>
 </tr>
 <tr>
  <td colspan="2">Tax</td>
   <td>$15.99</td>
  </tr>
</body>
</html>

Hasilnya

Terima kasih telah mengunjungi blog saya apabila ada kesalahan mohon di maafkan karna saya masih belajar.

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