Minggu, 24 Oktober 2010

belajar html

ni aku ksh caranya
di copy paste jg boleh

<html>

<head>
 <title>My tes html</title>
</head>

 <body bgcolor="#FF99FF"> <!bisa di ganti tulisan mis: yellow dan bisa memasukan image dengan mengganti bgcolor menjadi background="nama image.jgp" ada tambahan lg bisa juga diambil dr background web lain contohnya http://public.hsintenid.com/hteweb/upload/web/Banner_hsintenid_2010.jpg ingat harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut>


<p align:center>Membuat form</p>

<FORM METHOD="POST" ACTION="mailto:test.yahoo.com">
   <H4>FORM</H4>
   <INPUT TYPE="text" NAME="var1" SIZE="30" VALUE="Enter your name here.">
   <BR><BR>
   <B>Are you a student?</B>
   <INPUT TYPE="checkbox" NAME="var2">
   <BR><BR>
   <B>How old are you?</B>
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r1">10 - 15
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r2">16 - 20
   <BR>
   <INPUT TYPE="radio" NAME="var3" VALUE="r3">21 - 25
   <BR><BR>
   <B>Where are you from?</B>
   <BR>
   <SELECT NAME="var6" SIZE="1">
      <OPTION VALUE="BG">Bulgaria
      <OPTION VALUE="UK">United Kingdom
      <OPTION VALUE="USA">USA
      <OPTION VALUE="IDN">INDONESIA
   </SELECT>
   <BR><BR>
   <B>Your comment:</B>
   <BR>
   <TEXTAREA NAME="var7" COLS="30" ROWS="6">
   </TEXTAREA>
   <BR><BR>
   <INPUT TYPE="submit" NAME="var4" VALUE="Send">
   <INPUT TYPE="reset" NAME="var5" VALUE="Clear">
</FORM>

<hr>

    <p align="center">membuat tabel</p>
    <table align="center" border="2"bgcolor="cyan"cellpadding="5" cellspacing="0" >
    <caption align="top"><b>Tabel 1.1</b></caption>
      <tr bgcolor="green">
         <th>No.</th>
         <th>Nama</th>
      </tr>
      <tr bgcolor="yellow">
         <td>1.</td>
         <td>Rina Hastuti</td>
      </tr>
         <tr bgcolor="red">
         <td>2.</td>
         <td>Ali Amran</td>  
      </tr>
      <tr bgcolor="blue">
         <td>3.</td>
         <td>Rahmat</td>  
      </tr>
      </table>
<hr>

   <p>membuat link ada image</p> <!image dan data anda harus pada satu folder yang sama>
    <href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a><!gambar tdk hrs bwt link saja>

<hr>
   <p>Aku sekarang sedang membuat hyperlink</p>

    Jika anda ingin mengunjungi Facebook<a href="http://www.facebook.com/">Klik disini</a><br>
    <a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com

       <p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>

        <a href="http://www.mp3.com/"target="_blank">Website Musik</a>

        <p>Agar hyperlink tidak bergaris bawah:<p>
        <a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<hr>


  <pre>
    Membuat tulisan sesuai dengan yg kita tulis
        saya
            mencoba
                menulis
                    apa
                        ADANYA
  </pre>

<hr>
    <h1>Ini adalah halaman HTML pertamaku.</h1>
        Dikerjakan oleh: agus  <!nama>

    <p>Aku sedang mempelajari format-format teks.<br>
       Contoh-contohnya adalah sebagai berikut:</p>

    <p>Teks Normal<br>
    <tt>Teks mesin ketik</tt><br>
    <b>Teks tebal (bold)</b><br>
    <strong>Teks tebal dengan perintah Strong</strong><br>
    <i>Teks dengan italic (miring)</i><br>
    <em>Teks miring dengan perintah Emphasized</em><br>
    <u>Teks bergaris bawah (underline)</u><br>
    <strike>Teks tercoret (strike)</strike><br>
    <big>Teks lebih besar dari normal</big><br>
    <small>Teks lebih kecil dari normal</small><br>
           Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
           Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>


<hr>
    Untuk membuat jenis font (face):

   <h3 style="font-family:verdana">Judul dengan font Verdana</font></h3>
   <p><font face="Times">Konten dengan font Times</font></p>

    Untuk membuat ukuran (size):

   <h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
   <p><font size="3">Konten dengan size 3</font></p>

    Untuk membuat warna font (color):
   <h1 style="color:blue">Judul dengan warna Biru</h1>
   <p><font color="red">Konten dengan warna merah</font></p>

    Contoh komplit untuk membuat jenis font (face),size dan color:

   <h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>

   <p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan<i>pengaturan font</i> yang menggunakan<br>
   tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>

    Contoh komplit untuk membuat jenis font (face),size dan color:
   <p style="font-family:verdana;font-size:80%;color:green">
    Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i>(CSS) yang<br>
    menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>

 </body>

</html>

Tidak ada komentar:

Posting Komentar