Archive for Oktober 2016

Latihan menggabung gambar

<html>
<head>
<title>gambar</title>
</head>
<body>
<h2>latihan menggabung gambar dan teks (bag:1)</h2>
<p>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"/> align="top"/>
komputer 1 (menggunakan align=TOP)
</p>
<p>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"/> align="middle"/>
komputer 2 (menggunakan align=MIDDLE)
</p>
<p>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"/> align="bottom"/>
komputer 3 (menggunakan align=BOTTOM)
</p>
</body>
</html>





0 Comments
Tag : ,
Read More

latihan cara memberi keterangan pada gambar dengan script


nih scriptnya....

<html>
<head>
<title>gambar</title>
</head>
<body>
<h2>latihan memberi keterangan pada gambar</h2>
<p>arahkan petunjuk mouse anda keatas gambar dibawah ini untuk melihat ketrangan yang dimaksud!</p>
<p>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"
title="komputer desktop"/>
</p>
</body>
</html>


hasilnya ini dia....





0 Comments
Tag : ,
Read More

latihan cara memperbesar gambar dengan script

nah kali ini lebih mudah teman....jika mau coba tulis aja script dibawah ini....

<html>
<head>
<title>gambar</title>
</head>
<body>
<h2>latihan memperbesar gambar</h2>
<p>
<u>gambar ukuran asli (500*360):</u><br/>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"/>
</p>
<p>
<u>gambar diperbesar (600*440) :</u><br/>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw" width="600" height="440"/>
<p>
</body>
</html>



hasilnya begini...mudah kan??????



0 Comments
Tag : ,
Read More

Latihan Cara Memperkecil gambar dengan script


hay kawann...kali ini gue akan memberi contoh script memperkecil ganbar dan hasilnya nih..tapi alamat gambarnya kuambil dari internet soalnya kalau dari komputer malah gak jadi jadi...nih dia hasilnya...




<html>
<head>
<title>gambar</title>
</head>
<body>
<h2>latihan memperkecil gambar</h2>
<p>
<u>gambar ukuran asli (500*360):</u><br/>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw"/>
</p>
<p>
<u>gambar diperkecil (320*230) :</u><br/>
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRzEJFKkIkz8MPiD1_yBzo0ShgTDAN-yjc8yR4nMFAUlTjv3dxHgw" width="320" height="230"/>
<p>
</body>
</html>



mudah kan...?

0 Comments
Tag : ,
Read More

cara membuat alternating index mudah dengan script + hasil gambarnya

<!DOCTYPE html>
<head>
<title>alternating</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="738" border="1"
align="center">
<tr>
<td height="248" align="center"
bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar
isi</strong></font></td>
<td align="center" bgcolor="#FFFFCC"><font
color="#000066" size="+7"><strong><em>Gambar
</em></strong></font></td>
</tr>
<tr>
<td height="261" align="center"
bgcolor="#FFFF99"><font color="#CC0000"
size="+7"><strong><em>Gambar
</em></strong></font><font
size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font
size="+1"><strong>Teks/daftar
isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font
color="#FFFFFF"><strong><font size="+1">Lain-
lain</font></strong></font></td>
</table>
</form>
</body>
</html>
0 Comments
Tag : ,
Read More

Cara membuat left index mudah dengan script + hasil gambarnya

<!DOCTYPE html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="forml" name=-"forml" method="post" action="">
<table width="800" height="447" border="1"
align="center" cellspacing="1">
<tr>
<th width="160" rowspan="3" valign="top"
bgcolor="#993366"><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="#FFFF99"><strong><font color="CCCCCC"
size="+4">Electronic
Shop</font></strong></th>
</tr>
<tr>
<td height="176" align="center" valign="top"
bgcolor="#FFFF99"><p>&nbsp;</p>
<p>Selamat datang di web kami, penjualan produk
online ini adalah yang pertama di kota kami.
Kualitas dan harga dapat dipercaya langsung saja
Pesan dan menjadi langganan kami
</p>
</td>
</tr>
<td height="30" align="center"bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

0 Comments
Tag : ,
Read More

cara membuat design halaman web layout split {script + hasil gambar}

cara membuat design halaman web dengan layout split...begini caranya...







<html>
<head>
<title>Left</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border=1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#99cc99">
<strong>Daftar isi</strong>
</td>
<td width="67%" height="23" align="center" bgcolor="#ffccff"><font size="+3">
<strong>Banner/judul</strong></font>
</td>
<td width="18%" rowspan="2" align="center" bgcolor="#99cc99">
<strong>Daftar isi</strong>
</td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#cccccc">
<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="#990033">Body atau contents(isi)</font></p>
</td>
</tr>
<tr bgcolor="#ff99ff">
<td height="23" colspan="3" align="center">Lain-lain</td>
</tr>
</table>
</form>
</body>
</html>

MUDAH KAN SOB.....!!!!
0 Comments
Tag : ,
Read More

cara membuat bottom index pemrograman website kelas 10 smk

cara membuat bottom index...

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" 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"
bgcoclor="#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>


0 Comments
Tag : ,
Read More

membuat TOP INDEX DESIGN WEB halaman 110 P.W

Haiii..teman kali ini jumpa lagi bersama saya kali ini saya dapat tugas dari buku pemrograman web kelas 10 halaman 110.......

scriptnya bisa teman download dibawah ini................

0 Comments
Tag : ,
Read More

belajar membuat tabel bersarang 1

<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1>
     <tr>
        <td>
<table border=1>
    <tr>
         <td>kolom 1 baris 1</td>
              <td>kolom 2 baris 1</td>
       </tr>
         <tr>
            <td>kolom 1 baris 2</td>
            <td>kolom 2 baris 2</td>
       </tr>
   </table>
   </td>
            <td>kolom 2 baris 1</td>
        </tr>
             <tr>
              <td>kolom 1 baris 2</td>

            <td>kolom 1 baris 2</td>
         </tr>
       </table></body>
       </html>


0 Comments
Tag : ,
Read More

belajar membuat tabel bersarang

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" collspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil didalamnya, tabel didalam tabel.
</td>
<td><table border="3" cellspandding="3" cellspendding="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>


0 Comments
Tag : ,
Read More

membuat tabel dalam tabel

script

<html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table > tr > td
</tr>
<tr>
<td valign="top" height="40">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td ><table>table > tr > td </td>
<tr>
<td valign="top" width="90" bgcolor="#89F0FF">td</td>
<td valign="top" width="150" bgcolor="#89F0FF"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table > tr > td </td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
</table></td>
<td valign="top" width="90" bgcolor="#89F0FF">td</table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange"></table></td>
</table></td>
</tr>
<tr>
<td><table width="355" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="40" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>


0 Comments
Tag : ,
Read More

membuat tabel rumit

<html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</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-year Access</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>
</table>
</body>
</html>



0 Comments
Tag : ,
Read More

kur

Toad Jumping Up and Down

Popular Posts

  • HTML HEADING
     <html> <head>        <title>Heading</title> </head> <body>        <h1>This is heading 1 Lati...
  • tugas hal 91
    <html> <head> <title>Tabel Benua Dan Negara</title> </head> <body> <table width="500" ...
  • ALOGARITMA PEMPROGRAMAN
    KONSEP ALGORITMA Konsep Algoritma         Istilah algoritma berasal dari kata "algorism" yg merupakan panggilan populer...
  • unodered list
    <html> <head> <title>Macam - macam peripheral:</title> </head> <body> Input: <ul type="dis...
  • html tabel type rowspan
    <html> <head> <ttle>Table dengan Rowspan</title> </head> <body> <table width="500" border=&...
  • Pre Format 1
    <HTML> <HEAD> <TITLE>Preformat </TITLE> </HEAD> <BODY> <H2>Daftar Harga Keladi:</H2&g...
  • table spining
    html> <head> <title> membuat tabel spanning buah buahan </title> </head> <body> <table border="1&qu...
  • Mimpi Mimpiku Dimasa SMK
                                                                    TARGET MIMPI 1.Ingin masuk 5 besar rangking paralel kelas TKJ 2.I...
  • list kombinasi 2
    <html> <head> <title>list kombinasi</title> </head> <body> <ol> <li>Landasan hukum/Leg...
  • listkombinasi

...

Diberdayakan oleh Blogger.
►

- Copyright © Latif Rahmanto TKJ 1 - Blogger Templates - Powered by Blogger - Designed by Johanes Djogan -