Html singkat, bekal untuk nge-blog

• Kode dasar HTML:

<HTML>
<HEAD>

<TITLE>judul halaman</TITLE>

</HEAD>

<BODY>

isi halaman

</BODY>
</HTML>

kemudian ini adalah kode warna jika ingin menulis dengan warna berbeda

#FFFFFF adalah putih
#FFFF66 adalah kuning
#FF66FF adalah pink
#FF0000 adalah merah
#66FF66 adalah hijau
#0066FF adalah biru
#00000 adalah hitam

• Kode-kode untuk mengatur tampilan huruf:

<B>Untuk membuat huruf tebal</B>

<I>Untuk membuat huruf miring.</I>

<U>Untuk membuat garis bawah.</U>

<FONT COLOR="red">untuk mengatur warna huruf.</FONT>

<FONT SIZE="1">untuk mengatur ukuran huruf.</FONT>

<FONT FACE="Arial">untuk mengatur font yang digunakan.</FONT>

kalau mau digabung contoh penulisannya seperti ini

<FONT SIZE="4" FACE="Comic Sans MS" COLOR="green"><B> Ini huruf tebal, memakai font Comic Sans MS, berukuran 4, berwarna hijau. </B></FONT>

• Kode untuk mengatur paragraf:

<CENTER> membuat tulisan berada di tengah.</CENTER>

<BR>untuk membuat baris baru.</BR> biasanya cukup di tulis <BR>

<P>untuk membuat paragraf baru.</P> biasanya cukup di tulis <P>

<P align="left"> yang membuat paragraf menjadi rata kiri,</P>

<P align="right"> yang membuat paragraf menjadi rata kanan dan</P>

<P align="center"> membuat paragraf menjadi berada di tengah.</P>

• Kode untuk membuat link:

<A HREF="http://alamatweb.com">nama link yang ditampilkan</A>

<A HREF="mailto:alamatemail@yahoo.com">nama link yang ditampilkan</A>

<IMG SRC="url gambar"> untuk mengambil dan menampilkan gambar.

<A HREF="http://alamatweb.com"><IMG SRC="url gambar"></A> untuk membuat link dari gambar.

<EMBED AUTOSTART="True" SRC="audio/Video URL" HIDDEN="True"></EMBED> untuk meletakkan audio/video

<LINK REL="stylesheet" TYPE="text/css" HREF="url css"/> untuk menggunakan css eksternal

• Kode untuk membuat tabel:

<TABLE>
<TR>
<TD>tulisan di baris 1 Kolom 1</TD>
<TD>tulisan di baris 1 Kolom 2</TD>
<TD>tulisan di baris 1 Kolom 3</TD>
</TR>
<TR>
<TD>tulisan di baris 2 Kolom 1</TD>
<TD>tulisan di baris 2 Kolom 2</TD>
<TD>tulisan di baris 2 Kolom 3</TD>
</TR>
</TABLE>

Banyaknya <TR> adalah banyaknya baris, kalau banyaknya <TD> adalah banyaknya kolom dalam satu baris.
Tabel diatas terdiri dari 2 baris, masing-masing baris 3 kolom.
Agar bordernya tampak <TABEL> diganti saja dengan <TABEL BORDER="1"> untuk ukuran border 1

• Kode untuk membuat list:

List titik
<UL>
<LI> point 1
<LI> point 2
<LI> dst
</UL>

List angka
<OL>
<LI> point 1
<LI> point 2
<LI> dst
</OL>

• Kode HTML lainnya:

<BLOCKQUOTE>membuat paragraf sedikit lebih ke dalam, istilahnya indent.</BLOCKQUOTE>

<STRIKE>membuat tulisan yang dicoret.</STRIKE>

Untuk menulis angka 2 pada H2O digunakan <SUB> 2 </SUB>

<SUP>untuk menulis tanda pangkat</SUP>

<MARQUEE direction="left" behavior="scroll" scrolldelay="25">membuat teks yang ditulis disini bergerak</MARQUEE>

<MARQUEE direction="right" behavior="scroll" scrolldelay="50">IMG SRC="url gambar"/></MARQUEE> untuk meletakkan gambar bergerak

Dasar HTML

Tag HTML yang paling penting adalah tag-tag yang mendefinisikan judul, paragraf dan ganti baris.

Seperti umumnya bahasa pemrograman lainnya, maka cara terbaik untuk mempelajari HTML adalah dengan banyak berlatih. Latihan tentu saja memerlukan alat bantu. Nah, pada dasarnya kamu bisa bikin file HTML menggunakan notepad, tapi tentu saja banyak software untuk menulis dengan berbagai fasilitas yang akan memudahkan. Googling aja atau cari di download.com dengan kata kunci HTML Editor.

Judul

Judul didefinisikan dengan menggunakan tag <h1> sampai >h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kamu bikin file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1> <h2>Ini Judul</h2> <h3>Ini Judul</h3> <h4>Ini Judul</h4> <h5>Ini Judul</h5> <h6>Ini Judul</h6>

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Paragraf

Paragraf didefinisikan dengan menggunakan tag <p>.

<p>Ini adalah sebuah paragraf</p> <p>Ini paragraf lainnya</p>

Sama seperti judul, HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah paragraf.

Jangan lupa Tag penutup

Kamu pastinya udah pernah ngeliat bahwa paragraf dapat ditulis tanpa tag penutup </p> kayak ginii:

<p>Ini adalah sebuah paragraf <p>Ini paragraf lain

Contoh barusan dapat digunakan pada hampir semua jenis browser, tapi jangan ngandelin hal itu. Versi-versi HTML ke depan kayaknya ndak akan ngijinin kamu untuk melewatkan tag penutup.
Menutup semua elemen HTML dengan tag penutup adalah cara yang ampuh untuk menulis HTML yang kompatibel dengan smeua browser dan pengembangan ke depan. Hal ini juga membuat kode kita lebih mudah dimengerti (baik dibaca maupun di browse).

Ganti Baris

Tag <br> digunakan pada saat kamu pengen membuat baris baru, tapi belum ingin ganti paragraf. Tag <br> akan membuatkan sebuah baris baru buat kamu dimanapun kamu letakkan tag itu.

<p>Ini <br> adalah sebuah pa<br>ragaraf dengan ganti baris </p>

Tag <br> adalah tag yang kosong. Nah, karena itu dia tidak punya tag penutup seperti misalnya </br>, karena jadi ndak masuk akal. Ya tho?

<br> atau <br />

Kamu akan makin sering melihat penulisan tag <br> dengan cara begini: <br />
Karena tag <br> tidak memiliki tag penutup, maka tag tersebut melanggar salah satu aturan dasar dalam penulisan HTML ke depannya (XHTML yang berbasis XML), di mana semua elemen harus ditutup.
Menuliskan penggantian baris dengan cara <br/> ini menjamin bahwa file HTML kamu akan kompatibel dengan XML maupun cara penulisan HTML di masa datang.

Menuliskan Komentar dalam HTML

Tag komentar digunakan untuk menyisipkan sebuah komentar dalam kode sumber HTML. Sebuah komentas akan diabaikan oleh browser. Kamu bisa menggunakan komentar untuk menjelaskan kode yang kamu bikin, dan tentu saja hal ini akan membantu kamu saat kamu perlu melakukan perubahan pada kode kamu kapan-kapan.

<!-- Ini adalah sebuah komentar -->

Perhatikan bahwa kamu perlu menuliskan tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutupnya.

Ingat hal-hal berikut!

• Setiap tag HTML memiliki sebuah nama elemen (body, h1, p, br)
  
• Tag pembuka adalah nama yang dilingkupi oleh tanda kurung siku: <h1>
  
• Tag penutup adalah tanda garis miring dan nama yang dilingkupi oleh tanda kurung siku </h1>
  
• Isi elemen berada di antara tag pembuka dan tag penutup
  
• Beberapa elemen HTML tidak memiliki isi elemen
  
• Beberapa elemen HTML tidak memiliki teg penutup
  

Beberapa Tips Yang Bermanfaat

Waktu kamu menulis teks HTML, maka kamu tidak akan pernah bisa yakin bagaimana teks itu ditampilkan oleh browser lain. Beberapa orang memiliki monitor yang lebih besar, dan yang lainnya. Teks akan diatur ulang setiap kali pengunjung mengubah ukuran windownya. Jangan pernah mencoba untuk membantuk teks yang memiliki baris kosong atau spasi dekat dengan teks itu.
HTML akan menghapus spasi dalam teks kamu. Berapa banyakpun kamu tuliskan spasi, tetap akan dihitung satu. Satu lagi, dalam HTML sebuah baris baru dihitung sebagai satu spasi.
Menggunakan paragraf kosong <p> untuk menyisipkan baris kosong adalah kebiasaan yang kurang baik. Gunakan tag <br> sebagai penggantinya. (tapi jangan juga gunakan tag <br> untuk membuat daftar. Tunggu sampai pelajaran tentang daftar dimulai ya).
HTML secara otomatis akan menambah baris kosong sebelum dan sesudah beberapa elemen, seperti sebelum dan sesudah paragraf dan judul.

Tag HTML Dasar

Berikut adalah tag-tag penting yang akan sangat sering kamu pakai. Dan kamu akan mempelajari masing-masing secara lebih detil terutama yang menyangkut atributnya.

Tag	Description
<html>	Mendefinsikan sebuah dokumen HTML
<body>	Mendefinisikan isi utama
<h1> to <h6>	Mendefinisikan judul 1 sampai 6
<p>	Mendefinisikan paragraf
<br>	Menyisipkan sebuah baris
<hr>	Mendefinisikan garis horisontal
<!-->	Bikin komentar

Asik kan? Ini belum seberapa, tunggu sampai kamu udah bisa bikin tabel, huruf berwarna dan masih banyak lagi variasi tampilan yang bisa digunakan untuk mempercantik halaman web kamu.

Semoga bermanfaat.

Salam hangat

Prothelord.


http://prothelon.com/mambo/dasar-2.html

Web Program dengan HTML untuk pemula 3

Website dengan HTML untuk pemula

Bagian 3

Membuat Bullet dan Numbering

Untuk membuat bullet kita menggunakan tag <ul> </ul> sedangkan untuk membuat numbering <ol> </ol> berikut contoh kodenya

Latihan 1

<html>
   <head>
      <title> membuat bullet dan numbering </title>
   </head>

   <body>
      <h2 style="background-color:yellow;"> ini adalah contoh bullet </h2>
      <ul>

      <li> tulisan-tulisan </li>
      <li> tulisan-tulisan </li>
      <li> tulisan-tulisan </li>

      </ul>
<br/>
      <h2 style="background-color:orange;">ini adalah contoh numbering </h2>

      <ol>
      <li> tulisan-tulisan satu</li>
      <li> tulisan-tulisan dua </li>

      <li> tulisan-tulisan tiga </li>
      </ol>
   </body>

</html>

Simpan dengan format html dan jalankan dengan browser, hasilnya akan seperti ini

Membuat tabel dan variasinya

Tabel pada web sering dijumpai pada halaman web. Untuk membuat table kita menggunakan tag <table> </table> sebagai tag induk <tr> </tr> untuk membuat baris dan <td> </td> untuk pembuatan kolom. Mari kita lakukan percobaan

Latihan 2

<html>

<head>

<title> membuat kolom dan variasinya </title>

<head>

<body>

<h2 style=”background-color:blue;”>ini adalah contoh tabel 1 kolom 2 baris tanpa border</h2>

<table>

<tr>

<td> kolom 1 baris 1 </td>

<td> kolom 1 baris 2 </td>

</tr>

</table>

<h2 style=”background-color:yellow;”>ini adalah contoh tabel 2 kolom 2 baris dengan border 1pt</h2>

<table border=1>

<tr>

<td> kolom 1 baris 1 </td>

<td> kolom 1 baris 2 </td>

</tr>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

</tr>

</table>

<h2 style=”background-color:orange;”>ini adalah contoh tabel custom dengan border 5pt</h2>

<table border=5>

<tr>

<td colspan=”3″>kolom 1 baris 1</td>

</tr>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

<td> kolom 2 baris 3 </td>

</tr>

</table>

<h2 style=”background-color:orange;”>ini adalah contoh tabel custom dengan border 25pt</h2>

<table border=25>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

<td> kolom 2 baris 3 </td>

</tr>

<tr>

<td colspan=”3″>kolom 1 baris 1</td>

</tr>

</table>

<h2 style=”background-color:red;”>ini adalah contoh tabel custom dengan border 2pt</h2>

<table border=2>

<tr>

<td rowspan=”3″>kolom 1 baris 1</td>

<td> kolom 2 baris 1 </td>

</tr>

<td> kolom 2 baris 2 </td>

<tr>

</tr>

<td> kolom 2 baris 3 </td>

</table>

</body>

</html>

Simpan dan jalankan pada browser hasilnya akan seperti ini

Coba perhatikan, sudah mengertikan sebagai tambahan untuk custom tabel ada perinta “colspan” dan “rowspan”. Colspan untuk menggabung colom sedang rowspan untuk menggabungkan baris perintahnya diiring dengan tambahan =”n” n merupakan jumlah kolom atau baris yang akan digabungkan.

Nah silahkan dicoba, improvisasi dan kembangkan ide anda sendiri. Selamat mencoba!

Nanti akan saya lanjutkan lagi

Entry Filed under: HTML, Web Program. Tag: belajar html bullet, belajar html numbering, belajar html tabel.

Link sumber asli (genuine source link)

Membuat Bullet dan Numbering

Website dengan HTML untuk pemula

Bagian 3

Membuat Bullet dan Numbering

Untuk membuat bullet kita menggunakan tag <ul> </ul> sedangkan untuk membuat numbering <ol> </ol> berikut contoh kodenya

Latihan 1

<html>
   <head>
      <title> membuat bullet dan numbering </title>
   </head>

   <body>
      <h2 style="background-color:yellow;"> ini adalah contoh bullet </h2>
      <ul>

      <li> tulisan-tulisan </li>
      <li> tulisan-tulisan </li>
      <li> tulisan-tulisan </li>

      </ul>
<br/>
      <h2 style="background-color:orange;">ini adalah contoh numbering </h2>

      <ol>
      <li> tulisan-tulisan satu</li>
      <li> tulisan-tulisan dua </li>

      <li> tulisan-tulisan tiga </li>
      </ol>
   </body>

</html>

Simpan dengan format html dan jalankan dengan browser, hasilnya akan seperti ini

Membuat tabel dan variasinya

Tabel pada web sering dijumpai pada halaman web. Untuk membuat table kita menggunakan tag <table> </table> sebagai tag induk <tr> </tr> untuk membuat baris dan <td> </td> untuk pembuatan kolom. Mari kita lakukan percobaan

Latihan 2

<html>

<head>

<title> membuat kolom dan variasinya </title>

<head>

<body>

<h2 style=”background-color:blue;”>ini adalah contoh tabel 1 kolom 2 baris tanpa border</h2>

<table>

<tr>

<td> kolom 1 baris 1 </td>

<td> kolom 1 baris 2 </td>

</tr>

</table>

<h2 style=”background-color:yellow;”>ini adalah contoh tabel 2 kolom 2 baris dengan border 1pt</h2>

<table border=1>

<tr>

<td> kolom 1 baris 1 </td>

<td> kolom 1 baris 2 </td>

</tr>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

</tr>

</table>

<h2 style=”background-color:orange;”>ini adalah contoh tabel custom dengan border 5pt</h2>

<table border=5>

<tr>

<td colspan=”3″>kolom 1 baris 1</td>

</tr>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

<td> kolom 2 baris 3 </td>

</tr>

</table>

<h2 style=”background-color:orange;”>ini adalah contoh tabel custom dengan border 25pt</h2>

<table border=25>

<tr>

<td> kolom 2 baris 1 </td>

<td> kolom 2 baris 2 </td>

<td> kolom 2 baris 3 </td>

</tr>

<tr>

<td colspan=”3″>kolom 1 baris 1</td>

</tr>

</table>

<h2 style=”background-color:red;”>ini adalah contoh tabel custom dengan border 2pt</h2>

<table border=2>

<tr>

<td rowspan=”3″>kolom 1 baris 1</td>

<td> kolom 2 baris 1 </td>

</tr>

<td> kolom 2 baris 2 </td>

<tr>

</tr>

<td> kolom 2 baris 3 </td>

</table>

</body>

</html>

Simpan dan jalankan pada browser hasilnya akan seperti ini

Coba perhatikan, sudah mengertikan sebagai tambahan untuk custom tabel ada perinta “colspan” dan “rowspan”. Colspan untuk menggabung colom sedang rowspan untuk menggabungkan baris perintahnya diiring dengan tambahan =”n” n merupakan jumlah kolom atau baris yang akan digabungkan.

Nah silahkan dicoba, improvisasi dan kembangkan ide anda sendiri. Selamat mencoba!

Nanti akan saya lanjutkan lagi

Entry Filed under: HTML, Web Program. Tag: belajar html bullet, belajar html numbering, belajar html tabel.

http://de2design.wordpress.com/2008/04/25/web-program-dengan-html-untuk-pemula-3/

Pewarnaan

Website dengan HTML untuk pemula

Bagian 2

Pewarnaan

Setelah berhasil membuat file HTML pertama, kemudian kita akan mencoba menambahkan kode/tag yang lain yang pernah disampaikan sebelumnya. Seperti yang telah dijelaskan sebelumnya pada HTML ada tiga bagian tag pokok yaitu: <html> </html> ; <head> </head> ; <body> </body>.

Nah tag selanjutnya akan kita tempatkan pada bagian <body> </body>

Latihan 1

Buat tag sebagai berikut pada notepad

<html>

<head>

<title>Judul halaman web</title>

</head>

<body style=”background-color:#ffff00;”>

<h1 style=”background-color:#ff0000;”>Judul yang diberi blok warna dengan color # ffff00</h1>

<hr/>

<p>Ini adalah isi dari judul<br/>

</p>

<br/>

<h2 style =”background-color:red;”>Sub Judul yang diberi blok warna dengan color red</h2>

<p> Ini adalah isi dari sub judul </p>

</body>

</html>

Setelah selesai simpan dengan latihan1.html (jagan lupa memberi .html) kemudian jalankan pada browser, mari kita terjemahkan

Nah dari hasil tampilan pada browser kesimpulannya bahwa background dan blok judul dapat diwarnai dengan menambahkan perintah … style =”background-color:#ffff00;” atau … style =”background-color:red;”> berikut daftar beberapa tabel warna :

black	#000000	blue	#0000FF
white	#FFFFFF	green	#008000
red	#FF0000	gray	#808080
yellow	#FFFF00	purple	#800080

Silahkan anda mencoba mengutak-atik warna diatas, ada banyak lagi kode-kode warna yang nanti akan saya terangkan.

Tag untuk huruf/font

Seperti yang kita ketahui huruf pada program pengolah kata (misalnya microsoft word) dapat dibuat menjadi tebal miring garis bawah tebalmiring dan juga ukuran. Nah bagaimana menuliskan tag htmlnya.

Latihan 2

Masukkan kode-kode di bawah ini

<html>

<head>

<title> kode html untuk huruf </title>

</head>

<body>

<h2 style =”background-color:yellow;”> Gaya pada huruf / Font style </h2>

<p> ini huruf yang normal </p>

<p><b> ini huruf yang tebal </b></p>

<p> <i>ini huruf yang miring</i></p>

<p> <b><i>ini huruf yang tebalmiring </b><i/></p>

<p> <u>ini huruf yang bergaris bawah</u></p>

</body>

</html>

Coba jalankan pada browser

dari hasil ini terlihat bahwa kode untuk membuat tulisan tebal (bold) <b> </b> miring (italic) <i> </i> garis bawah (underline) <u> </u>.

Tag untuk judul

Oh ya ada yang terlewat ada kode untuk judul <h1> </h1>. Untuk tag ini setahu saya unutk tag “h” itu adalah “h1, h2, h3, h4, h5, h6”. Perbedaannya pada ukuran karena h1 adalah judul h2 sub judul h3 adalah sub-sub judul dan seterusnya.

Latihan 3

Mari kita coba dengan kode-kode di bawah ini

<html>

<head>

<title> kode html untuk judul </title>

</head>

<body>

<h1> untuk style judul h1 </h1>

<h2> untuk style judul h2 </h2>

<h3> untuk style judul h3 </h3>

<h4> untuk style judul h4 </h4>

<h5> untuk style judul h5 </h5>

<h6> untuk style judul h6 </h6>

</body>

</html>

Coba jalankan pada browser

Nah sampai disini dulu, tunggu yang berikutnya ya!

Kalau ada yang salah mohon koreksinya, kalau ada yang kurang mohon tambahannya.

Entry Filed under: HTML, Web Program. Tag: belajar html pemula, tag font head h1.

http://de2design.wordpress.com/2008/04/25/website-dengan-html-untuk-pemula/

Permulaan

Website dengan HTML untuk pemula

Bagian 1

Apa itu HTML ? HTML (Hypertext Markup Language) adalah “bahasa program” yang memungkinkan kita membuat halaman web yang bisa ditampilkan dalam browser.

Program ini berikan kode-kode yang dikenal tag yang kemudian disimpan menjadi dokumen HTML (file *.htm atau *.html). sedangkan Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII menjadi file HTML. Oleh karena itu, untuk membuat dokumen HTML, anda bisa menggunakan semua program teks editor biasa seperti notepad.

Meskipun anda bisa saja membuat web page (halaman web) tanpa mengerti sedikitpun HTML, yakni dengan menggunakan editor HTML berjenis WYSIWYG seperti Microsoft FrontPage, Dreamweaver, Bluevoda dan masih banyak lagi, akan tetapi untuk mengoptimalkan fasilitas dari program WYSIWYG sangat disarankan, agar anda mengerti bahasa HTML.

Kode-kode pada HTML

Setiap kode atau tag dalam html dimulai dengan tanda “<” dan diakhiri dengan “>”. Dan Secara umum ada dua macam tag, yaitu tags pembuka seperti <html> dan tags penutup </html>. Ada banyak tag yang digunakan dalam membuat sebuah website, berikut beberapa contoh tag yang umum digunakan.

<title>nama website</title> ,untuk membuat nama website

<h1>ini adalah judul</h1> ,untuk membuat judul
<h2>ini adalah sub judul</h2> ,untuk membuat sub judul
<p>ini adalah paragraf</p> ,untuk membuat sebuah paragraf

<hr /> ,Digunakan untuk membuat garis
<body style="background-color:#ff0000;"> ,untuk memberi warna background
<h2 style="background-color:#ff0000;">judul</h2> ,untuk memberi blok warna pada judul
<a href="http://www.de2design.wordpress.com/">ini adalah link http://www.de2design.wordpress.com </a> ,Digunakan untuk membuat link web

<img src="images/logo.gif" /> ,untk memasukkan file gambar (image)
 
<table>
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>

  </tr>
  <tr>
    <td>Cell 3</td>
    <td>Cell 4</td>
  </tr>

</table>
Perintah – perintah Membuat table

Dan masih banyak lagi tag-tag yang digunakan. Pada bahasan berikut akan saya tambahkan berikut cara penempatannya.

Baiklah sekarang kita coba mulai membuat web dengan HTML.

Buka teks editor (notepad) tuliskan script berikut

<html>
   <head>
      <title> coba-coba </title>

   </head>
   <body>
      <h1> percobaan </h1>
      <p> ini adalah percobaan website pertamaku </p>

   </body>
</html>

Kemudian simpan dengan nama coba.html (ingat jangan lupa memberikan .html) kemudian coba jalankan dibroser anda, perhatikan

Dalam HTML ada tiga bagian tag pokok yaitu: <html> </html> ; <head> </head> ; <body> </body>.

<html> </html> adalah penanda bahasa program kita gunakan adalah html

<head> </head> adalah tempat tag judul website kita, sedangkan

<body> </body> adalah tempat kita mengisi data tulisan, tabel, gambar dan lain-lain

Sampai di sini dulu nanti dilanjutkan lagi, mungkin ada bahasan yang salah mohon dikoreksi atau ada yang kurang mohon ditambahkan, karena saya saat ini juga masih baru dengan yang namanya website. Terimakasih

Entry Filed under: HTML, Web Program. Tag: belajar html, belajar html website pemula, html dasar, html untuk pemula, tutorial html.

http://de2design.wordpress.com/2008/04/24/website-programming-dengan-html/

Kode Warna HTML

Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.

Nha oleh karena itulah dibawah ini telah aku buat Chart HTML Kode Warna bagi yang tidak tahu atau bagi yg pingin tahu kode-kode warna. Cara penggunaannya cukup mudah, km tinggal klik warna yang kamu pilih, maka kode warnanya akan tampil di kotak "kode warna:". Ok silahkan dicoba.

---

(http://trik-tips.blogspot.com)

Contoh Bullet

Please Choose Category

• Action / Adventure game


• Beat Them Up game


• Kids-Children game


• Mind game


• Other game


• Puzzle game


• Racing game


• Shooting game


• Sport game

Percobaan menu dropdown

• 
  
  

  
  
  

  Daftar isi

  
  
  

  Kata Bijak

  
  

  Dialog Tuhan vs CiptaanNYA

  
  

  Al-Qur'an

  
  

  Nasehat

  
  

  iri dan dengki

  
  

  Perempuanku

  
  

  Nirmanaku

  
  

  Jangan takut menikah!

  
  

  Doamu terkabul?

  
  

  Tips Anak Sholeh

  
  

  Nasehat Hijabmu

  
  

  koperku

  
  
  

Contoh Scroll

Original INF only supports:

CODE

[DEV_0191] NVIDIA GeForce 8800 GTX
[DEV_0193] NVIDIA GeForce 8800 GTS
[DEV_0194] NVIDIA GeForce 8800 Ultra
[DEV_0400] NVIDIA GeForce 8600 GTS
[DEV_0401] NVIDIA GeForce 8600 GT
[DEV_0402] NVIDIA GeForce 8600 GT
[DEV_0403] NVIDIA GeForce 8600GS
[DEV_0404] NVIDIA GeForce 8400 GS
[DEV_0420] NVIDIA GeForce 8400 SE
[DEV_0421] NVIDIA GeForce 8500 GT
[DEV_0422] NVIDIA GeForce 8400 GS
[DEV_0423] NVIDIA GeForce 8300 GS
[DEV_0424] NVIDIA GeForce 8400 GS
[DEV_042C] NVIDIA GeForce 9400 GT
[DEV_05E1] NVIDIA GeForce GTX 280
[DEV_05E2] NVIDIA GeForce GTX 260
[DEV_0600] NVIDIA GeForce 8800 GTS 512
[DEV_0601] NVIDIA GeForce 9800 GT
[DEV_0602] NVIDIA GeForce 8800 GT
[DEV_0604] NVIDIA GeForce 9800 GX2
[DEV_0605] NVIDIA GeForce 9800 GT
[DEV_0606] NVIDIA GeForce 8800 GS
[DEV_060D] NVIDIA GeForce 8800 GS
[DEV_0610] NVIDIA GeForce 9600 GSO
[DEV_0611] NVIDIA GeForce 8800 GT
[DEV_0612] NVIDIA GeForce 9800 GTX/9800 GTX+
[DEV_0614] NVIDIA GeForce 9800 GT
[DEV_0622] NVIDIA GeForce 9600 GT
[DEV_0640] NVIDIA GeForce 9500 GT
[DEV_0643] NVIDIA GeForce 9500 GT
[DEV_0644] NVIDIA GeForce 9500 GS
[DEV_0645] NVIDIA GeForce 9500 GS
[DEV_06E0] NVIDIA GeForce 9300 GE
[DEV_06E1] NVIDIA GeForce 9300 GS
[DEV_06E2] NVIDIA GeForce 8400
[DEV_06E4] NVIDIA GeForce 8400 GS
[DEV_0848] NVIDIA GeForce 8300
[DEV_0849] NVIDIA GeForce 8200
[DEV_084A] NVIDIA nForce 730a
[DEV_084B] NVIDIA GeForce 8200
[DEV_084C] NVIDIA nForce 780a SLI
[DEV_084D] NVIDIA nForce 750a SLI
[DEV_084F] NVIDIA GeForce 8100 / nForce 720a

Bullet Icons Address / URL Icon Bullet

Icon	HTML Tag
	<IMG SRC="/icons/bullets/ball.blue.gif">
	<IMG SRC="/icons/bullets/ball.golf.gif">
	<IMG SRC="/icons/bullets/ball.green.gif">
	<IMG SRC="/icons/bullets/ball.orange.gif">
	<IMG SRC="/icons/bullets/ball.pink.gif">
	<IMG SRC="/icons/bullets/ball.purple.gif">
	<IMG SRC="/icons/bullets/ball.red.gif">
	<IMG SRC="/icons/bullets/ball.white.gif">
	<IMG SRC="/icons/bullets/ball.yellow.gif">
	<IMG SRC="/icons/bullets/tri.ball.gif">
	<IMG SRC="/icons/bullets/ball2.blue.gif">
	<IMG SRC="/icons/bullets/ball2.red.gif">
	<IMG SRC="/icons/bullets/ball2.yellow.gif">

---