Senin, 30 Mei 2011

CONTOH LINK GAMBAR

<html>
<head>
<title>Link dengan gambar</title>
<style type="text/css">
<!--
.style1 {
    color: #000066;
    font-weight: bold;
}
body {font-family:verdana; font-size:12px;}
td {padding:10px 20px 15px 10px;}
a:link
{background-image:url(button-magenta.gif); padding:10px 200px 10px 200px;
 background-repeat:no-repeat; background-position:center;
 color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:visited
{background-image:url(button-magenta.gif); padding:10px 200px 10px 200px;
 background-repeat:no-repeat; background-position:center;
 color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:active
{background-image:url(button-magenta.gif); padding:10px 200px 10px 200px;
 background-repeat:no-repeat; background-position:center;
 color:#FFFFFF; font-weight:bold; text-decoration:none;}
a:hover
{background-image:url(button-blue.gif); padding:10px 200px 10px 200px;
 background-repeat:no-repeat; background-position:center;
 color:#FFFFFF; font-weight:bold; text-decoration:none;}
-->
</style>
</head>
<body>
<table border=1 align="center">
 <td width="207"><div align="center"><span class="style1">
     CONTOH LINK GAMBAR </span></div></td><tr>
    <td><div align="center"><a href="satu.htm">Satu</a> </div></td><tr>
    <td><div align="center"><a href="dua.htm">Dua</a> </div></td><tr>
</table></body></html>

diposting oleh EJY X-FRIEND'S pada 04.38 | 0 Komentar

EFEK ZOOM

<HTML>
<HEAD>
<TITLE>Efek Zoom</TITLE>
<BODY bgcolor="green">
<STYLE TYPE="text/css">
<DIV style="position: absolute;
  top:  13px;
  left :  12px;
  width:  370px;
  height:  80px;
font-size: 40px;
font-family:Verdana;
color:blue">Manajemen Informatika
</DIV>
a:link
{ color:#000000; text-decoration:none;
  font-family:verdana; font-size:18px;
}
a:Visited
{ color:#000000; text-decoration:none;
  font-family:verdana; font-size:18px;
}
a:active
{ color:#000000; text-decoration:none;
  font-family:verdana; font-size:18px;
}

a:hover
{ color:#FF0000; text-decoration:none;
  font-family:verdana; font-size:36px;
}
</STYLE>
</HEAD>
<BODY>
<P><CENTER>
Dekatkan Mouse Pada text Di bawah ini  :<BR><BR>

   <BLINK><a href="STMIKMDP.html">STIMIK MDP</a></BLINK>
</STYLE>
</HEAD>
<BODY>
<P><CENTER>
Melihat link lagi :<BR><BR>

   <a href="blogger.html">BLOGGER</a>

</CENTER></P>
</BODY>
</HTML>

diposting oleh EJY X-FRIEND'S pada 04.22 | 0 Komentar

Jumat, 27 Mei 2011

Link dalam List

<HTML>
<HEAD>
<TITLE>Link dalam List</title>
<style type="text/css">
body {font-family:verdana;font-size:12px;font-weight:bold;}
.navigasi
{list-style:none;margin:0px;
 padding:1px 1px 1px 1px;width:230px}
li.model
{border:1px solid orange;background-color:#FFFFCC;
 padding: 1px 1px 1px 1px; margin:0px;}
a:link
{text-decoration:none;color:#000000;}
a:visited
{text-decoration:none;color:#000000;}
a:active
{text-decoration:none;color:#000000;}
a:hover
{text-decoration:none;color:#000000;
 background-color:#FFCC00;display:block;}
</STYLE>
</HEAD>
<BODY>
<P>Jurusan Pendidikan(link dengan list)</P>
<ul class="navigasi">
<li class="model"><a href="TI.html">Teknik Informatika</a></li>
<li class="model"><a href="SI.html">Sistem Informatika</a></li>
<li class="model"><a href="MI.html">Manajemen Informatika</a></li>
<li class="model"><a href="KA.html">Komputer Akuntansi</a></li>
<li class="model"><a href="Tk.html">Teknik Komputer</a></li>
</ul></body></html>

http://wordpress.htmlcssguides.com/web-design-tool/kode_hexadecimal_rgb.htm

diposting oleh EJY X-FRIEND'S pada 02.49 | 0 Komentar

Senin, 23 Mei 2011

CONTOH HTML CSS 3 BERBAYANG

<HTML>
<HEAD>
<TITLE>Efeks Teks Berbayang</TITLE></HEAD>
<BODY bgcolor="Red">

<DIV style="position: absolute;
  top:  13px;
  left :  12px;
  width:  370px;
  height:  80px;
font-size: 40px;
font-family:Verdana;
color:blue">Manajemen Informatika
</DIV>

<DIV style="position: absolute;
  top:  13px;
  left :  12px;
  width:  370px;
  height:  80px;
font-size: 40px;
font-family:Verdana;
color:blue">Manajemen Informatika
</DIV>

</BODY>
</HTML>

diposting oleh EJY X-FRIEND'S pada 04.39 | 0 Komentar

CONTOH HTML CSS 2

<HTML>
<HEAD>
<TITLE>Efeks Teks Berbayang</TITLE></HEAD>
<BODY bgcolor="Red">

<DIV style="position: absolute;
  top:  13px;
  left :  12px;
  width:  370px;
  height:  80px;
font-size: 40px;
font-family:Verdana;
color:blue">Manajemen Informatika
</DIV>

<DIV style="position: absolute;
  top:  13px;
  left :  12px;
  width:  370px;
  height:  80px;
font-size: 40px;
font-family:Verdana;
color:blue">Manajemen Informatika
</DIV>

</BODY>
</HTML>

diposting oleh EJY X-FRIEND'S pada 04.38 | 0 Komentar

CONTOH HTML CSS

<HTML>
<HEAD>
<TITLE>Contoh HTML dengan css</TITLE>
<STYLE TYPE="text/css">
body
 {
  background-attachment:fixed;
  background-image:url(latar.jpg);
  background-position:center;
  background-repeat:no-repeat;
 }
</STYLE>
</HEAD>

<BODY>
<p align="center">STMIK MDP</p>
<p align="center">Palembang</p>
<p align="center">Penerimaan Mahasiswa Baru</p>
<p align="center">Tahun 2011-2012</p>
<p align="center">Gelombang 3</p>
<p align="center"><HR></p>
</BODY>
</HTML>

diposting oleh EJY X-FRIEND'S pada 04.38 | 0 Komentar

Senin, 09 Mei 2011

Atas

<html>
<head>
<title>atas.html</title>
<base target="main">
</head>
<body>
<center><b><font size="6">CONTOH FRAME
HORIZONTAL</font></b></center>
<table border=1 width=100%>

<td with=200 align="center"><a target="main"
href="Bawah.html">Utama</a></td>

<td width=200 align="center"><a target="main"
href="Gambar,html">Gambar</a></td>

<td width=200 align="center"><a target="main"
href="Formulir.html">Formulir</a></td></table></body></html>

diposting oleh EJY X-FRIEND'S pada 04.37 | 0 Komentar

bawah

<html>
<head>
<title>Utama(bawah.Html)
</title>
</head>
<body>
INI HALAMAN TAMPILAN UTAMA
</body>

diposting oleh EJY X-FRIEND'S pada 04.37 | 0 Komentar

Latiham Fram ke 2 index

<html>

<head>

<title>Contoh Frame Horizontal (index.Html)
</title>
</head>
<frameset rows="150,*" border="0" frameborder="0">
<frame name="header" scrolling="no" noresize target="main" src="Atas.html">
<frame name="main" src="Bawah.html">
<width=200 align="center"><a target="main"
href="Gambar,html">Gambar</a></td>
<body>
</body>
</noframes>

</frameset>
</html>

diposting oleh EJY X-FRIEND'S pada 04.36 | 0 Komentar

Senin, 02 Mei 2011

CONTOH MEMBUAT NUMBERING & BULLES

<HTML>
<TITLE>Contoh bulles And Numbering</TITLE>
<BODY>

Contoh Bentuk Angka
<OL TYPE="I">
<LI>Pertama</LI>
<LI>Kedua</LI>
<LI>Ketiga</LI>
<LI>Keempat</LI>
</OL>

<OL TYPE="i">
<LI>Pertama</LI>
<LI>Kedua</LI>
<LI>Ketiga</LI>
<LI>keempat</LI>
</OL>

<OL TYPE="A">
<LI>Pertama</LI>
<LI>Kedua</LI>
<LI>Ketiga</LI>
<LI>Keempat</LI>
</OL>

<OL TYPE="a" start="5">
<LI>Kelima</LI>
<LI>Keenam</LI>
<LI>Ketujuh</LI>
<LI>Kedelapan</LI>
</OL>

Contoh Bentuk Bulles
<UL>
<LI>BENTUK BULAT-1</Li>
<LI>BENTUK BULAT-2</Li>
</UL>

<UL TYPE="CIRCLE">
<LI>BENTUK LINGKARAN-1</Li>
<LI>BENTUK LUNGKARAN-2</Li>
</UL>

<UL TYPE="SQURE">
<LI>BENTUK KOTAK-1</Li>
<LI>BENTUK KOTAK-2</Li>
</UL>

</BODY>
</HTML>

diposting oleh EJY X-FRIEND'S pada 04.35 | 0 Komentar

LATIHAN BULLES

<HTML>
<TITLE>LATIHAN BULLES</TITLE>
<BODY bgcolor="BLUE">

<TABLE BORDER=0>
<TD><OL TYPE="I">
<LI>S1</LI></OL></TD><TD></TD><TR>

<TD></TD><TD><OL TYPE="a">
<TD><LI>SI</LI>
</OL></TD><TR>

<TD></TD><TD><OL TYPE="a" START="2">
<LI>TI</LI>
</OL></TD><TR>

<TD><OL TYPE="I" start="2"><LI>D3</LI></OL></TD><TR>

     <TD></TD><TD><OL TYPE="a">
     <LI>MI</LI>
     </OL></TD><TR>

     <TD></TD><TD>
     <OL TYPE="a" START="2">
     <LI>KA</LI>
     </OL></TD><TR>

     <TD></TD><TD>
     <OL TYPE="a" START="3">
     <LI>TK</LI>
     </OL></TD><TR>
</TABLE>
</BODY>

diposting oleh EJY X-FRIEND'S pada 04.34 | 0 Komentar