Minggu, 17 April 2016

Latihan Dasar Membuat Tabel Dengan CSS Menggunakan Notepad

<html>
<head>
   <title>Latihan Tabel dengan CSS</title>
   <Style type="text/css">
   Table {
   Border       : 1px solid black;
   Width        : 600px;
   Height       : 600px;
   Margin-left  : auto;
   Margin-right : auto;
   }

   tr#Heading {
   height           : 100px;
   background-color : green;
   Color            : white;
   text-align       : Center;
   }

   tr#Content {
   height           : 400px;
   Font-family        : arial;
   }

   tr#content td#left {
   width          : 70%;
   Vertical-Align : Top;
   Text-Align     : Justify;
   }

   tr#content td#right {
   width          : 30%;
   Vertical-Align : Top;
   Text-Align     : Justify;
   }

   tr#Footer {
   height           : 100px;
   background-color : yellow;
   Color            : black;
   text-align       : center;
   }

   </style>
</Head>
<body>
<Table>
<TR id="heading">
    <TD colspan="2"><H1>STMIK INDONESIA</H1></TD>
</TR>
<TR id="Content">
    <TD id="left" font color="white"><iframe name="isiweb" width=400 height=400 src="beranda.html"></iframe>
     </TD>

     <TD id="right">
        <UL>
           <LI><a href="Beranda.html" target="isiweb">Branda</a></LI>
           <LI><a href="Profil.html" target="isiweb">Profil</a></LI>
           <LI> Akademik </LI>
           <LI><a href="Bukutamu.html" target="isiweb">Buku tamu</a></LI>
           <LI> Hubungi </LI>
        </UL>
     </TD>
</TR>
<TR id="Footer">
      <TD Colspan="2">Copyright 2016 STMIK Indonesia. Allright Reserved</TD>
</TR>
</body>
</html>    

Tidak ada komentar:

Posting Komentar