Old school Swatch Watches


-------=»♥«=-------
-------=»♥«=-------

Tempat Nongkrong PaLing Asyik buat Pecinta Java
created by :
DenmasFeriyanto


Kode HTML (bagian 1)
html code

  1. HEADING
    <h1>tulisan di sini</h1>
    <h2>tulisan di sini</h2>
    <h3>tulisan di sini</h3>
    <h4>tulisan di sini</h4>
    <h5>tulisan di sini</h5>
    <h6>tulisan di sini</h6>

    fungsi : untuk memilih ukuran text (pada Header / Judul) , h1 paling besar , dan h6 paling kecil.
  2. Garis Horizontal
    <hr/>
    fungsi : untuk membuat
    garis horizontal
    .
  3. Italic
    <i>tulisan di sini</i>
    fungsi : membuat text miring.
  4. Bold
    <b>tulisan di sini</b>
    fungsi : membuat text tebal.
  5. Underline
    <u>tulisan di sini</u>
    fungsi : membuat text bergaris bawah.
  6. <center>tulisan di sini<center>
    fungsi : membuat
    text ke tengah layar.
  7. Paragraph
    <p>tulisan di sini</p>
    fungsi : memisahkan paragraf yang satu dengan yang lain.
  8. Definition Description
    <dd>tulisan di sini.</dd>
    fungsi : membuat text awal paragraf agak masuk ke dalam (menjorok ke kanan).
  9. ALIGN
    contoh :
    <p align="right">Tulisan ini rata kanan.</p>
    <h2 align="center">Judul ini berada di tengah</h2>
    fungsi :
    align=right (text rata kanan)
    align=left (text rata kiri)
    align=justify (text rata kanan - kiri)
    align=center (text berada di tengah)
  10. Line Break
    <br/>
    fungsi : sebagai ENTER. Apabila <br/> di letakkan di akhir text, maka text berikutnya akan dicetak atau diletakkan di baris berikutnya / di bawahnya.
  11. Small
    <small>tulisan di sini.</small>
    fungsi : membuat text berukuran kecil.
  12. Big
    <big>tulisan di sini.</big>
    fungsi : membuat text berukuran besar.
  13. FONT
    Font terdiri dari beberapa macam, antara lain :
    • <font face="comic sans ms">tulisan di sini</font>
      fungsi dari font di atas adalah untuk menentukan jenis huruf. Jenis huruf ada berbagai macam, antara lain : lucida sans-serif, arial, helvetica, courier, comic sans ms, impact, dan lain sebagainya.
    • <font color="#800000">tulisan di sini.</font>
      Font ini berfungsi untuk menentukan warna text. Macam - macam kode warna dapat kamu liat di menu "script collection".
    • <font size="4">tulisan di sini.</font>
      Font ini untuk menentukan ukuran text.

    Semua Font di atas bisa kita tulis jadi satu (digabungkan).
    Perhatikan contoh berikut :
    <font face="arial" size="4" color="#800000">tulisan di sini.</font>

    Hasilnya :
    tulisan di sini.

    Juga bisa digabungkan dengan kode - kode HTML yang lainnya.
    Contoh :
    <font face="arial" size="4" color="#800000"><b><u><i>tulisan di sini.</i></u></b></font>

    Hasilnya :
    tulisan di sini.
  14. Unordered List
    <u>
    <li>tulisan di sini</li>
    <li>tulisan di sini</li>
    <li>tulisan di sini</li>
    </u>
    fungsi : membuat daftar List dengan Bullet.
    huruf "li" pada <li> . . . </li> adalah singkatan dari List Item.
    Jenis Bullet ada 4 macam, yaitu :
    • Disc (lingkaran padat)

    • Circle (lingkaran kosong)

    • Square (kotak padat)

    • None (tanpa bullet)

    Contoh :
    Menu Wapsite :
    <ul>
    <li style="list-style-type:disc">mp3</li>
    <li style="list-style-type:circle">game</li>
    <li style="list-style-type:square">aplikasi</li>
    <li style="list-style-type:none">Tema</li>
    </ul>


    Hasilnya :
    Menu Wapsite :
    • mp3
    • game
    • aplikasi
    • Tema


    Untuk Unordered List <ul> ,selain menggunakan Bullet, kamu juga bisa menggunakan gambar sebagai style nya.
    Kamu bisa menggunakan gambar yang berukuran kecil (contoh 18x18).
    Cara penulisannya sbb :
    Teman Feri :
    <ul style="list-style-image:url(http://javasensation.hexat.com/foto/friend.png)">
    <li>farhan</li>
    <li>zensis</li>
    <li>rowman</li>
    </ul>


    Hasilnya :
    Temen Feri :
    • farhan
    • zensis
    • rowman


  15. Ordered List
    <ol>
    <li>tulisan di sini</>/
    <li>tulisan di sini</>/
    <li>tulisan di sini</>/
    </ol>
    fungsi : membuat daftar list, tetapi yang ini bukan menggunakan Bullet, melainkan menggunakan Penomoran : DECIMAL (angka/nomor), UPPER-ALPHA (huruf kapital/besar), LOWER-ALPHA (huruf kecil), UPPER-ROMAN (angka romawi besar), LOWER-ROMAN (angka romawi kecil), dan yang terakhir NONE (tanpa style).

    Penulisan Style juga bisa diletakkan di dalam tag <ol> ataupun <ul> , tidak harus selalu diletakkan di dalam tag <li>.
    Contoh :
    Nama Planet :
    <ol style="list-style-type:decimal">
    <li>mars</li>
    <li>jupiter</li>
    <li>saturnus</li>
    </ol>


    Hasilnya :
    Nama Planet :
    1. mars
    2. jupiter
    3. saturnus


    Contoh 2 :
    Temen Feri :
    <ol style="list-style-type:lower-alpha">
    <li>farhan</li>
    <li>zensis</li>
    <li>rowman</li>
    </ol>


    Hasilnya :
    Temen Feri :
    1. farhan
    2. zensis
    3. rowman


  16. Menampilkan Gambar
    <img src="URL gambar" alt="keterangan gambar" />
    fungsi : memajang / menampilkan gambar di halaman web / wapsite.

    Cara penulisan :
    <img src="URL gambar" alt="keterangan gambar"/>

    Contoh :
    <img src="http://javasensation.hexat.com/foto/simple.gif" alt="simple" />


    Hasilnya :
    simpLe
  17. SOUND
    <bgsound src="URL file sound (musik)" loop="infinite" />
    fungsi : memasukkan / memutar file sound (musik : mp3, midi, wav, dll) di wapsite.

    Contoh Penulisan :
    <bgsound src="http://javasensation.hexat.com/mp3/xpresikan.mp3" loop="infinite" />


    Catatan :
    kode "loop=infinite" berfungsi supaya musik diputar berulang - ulang. INFINITE bisa diganti dengan REPEAT.
    File sound / musik tidak boleh terlalu besar !! bisa menghambat loading.
    Fasilitas ini hanya bisa dinikmati oleh pengguna PC saja.
  18. TABEL
    Tabel terdiri atas baris dan kolom, terdapat 3 macam Tag yang diperlukan untuk membuat tabel, yaitu :
    • <table> . . . </table>
      tag ini digunakan untuk mendeklarasikan adanxa tabel.
    • <tr> . . . </tr>
      tag ini digunakan untuk menspesifikan baris dari sebuah tabel, jadi baris dari tabel dideklarasikan dengan tag ini. Bahasa gampangnya saya sebut dengan BARIS.
    • <td> . . . </td>
      tag ini digunakan untuk mendeklarasikan sebuah cell pada sebuah baris. Bahasa gampangnya aku sebut dengan KOLOM


    Berikut contoh struktur pembuatan table (5 baris, 3 kolom) :
    <html>
    <head>
    <title>Membuat Table</title>
    <style type="text/css">
    table {border-style:solid; border-size:2px; border-color:black; cellpadding:2;}
    td{border-style:solid; border-size:thin; border-color:black; color:blue;}
    </style>
    </head>
    <body>
    <table>
    <tr>
    <td>HEWAN</td>
    <td>Tumbuhan</td>
    <td>LOGAM</td>
    </tr>

    <tr>
    <td>ayam</td>
    <td>rumput</td>
    <td>besi</td>
    </tr>

    <tr>
    <td>kambing</td>
    <td>pohon mangga</td>
    <td>tembaga</td>
    </tr>

    <tr>
    <td>sapi</td>
    <td>pohon pisang</td>
    <td>perak</td>
    </tr>

    <tr>
    <td>ular</td>
    <td>bunga</td>
    <td>alumunium</td>
    </tr>

    </table>
    </body>
    </html>


    Hasilnya :


    HEWAN TUMBUHAN LOGAM
    ayam rumput besi
    kambing pohon mangga tembaga
    sapi pohon pisang perak
    ular bunga alumunium



    Contoh Table (1 baris, 1 kolom) :
    <html>
    <head>
    <title>Membuat Table</title>
    </head>
    <body>

    <table style="border-style:solid; border-size:2px; cellpadding:2; border-color:black;">
    <tr>
    <td style="border-style:solid; border-size:thin; cellpadding:2; border-color:black; color:red;">Ini adalah contoh Table dengan 1 baris dan 1 kolom. Teruslah berkreasi, tetap semangat dan terus maju.</td>
    </tr>
    </table>

    </body>
    </html>


    Hasilnya :


    Ini adalah contoh Table dengan 1 baris dan 1 kolom. Teruslah berkreasi, tetap semangat dan terus maju.




IkLan


h0me | NeXT | baCK
© Feriyanto




Ads :