Translate language

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified
blog-indonesia.com

Jumat, 22 Januari 2010

Pengenalan kode-kode html dasar untuk pemula

Berikut adalah beberapa contoh kode-kode html dasar untuk pemula. Kode-kode ini memiliki efek perintah yang sama seperti pada komputer. Sebetulnya kode ini sangat sederhana, dan saya rasa akan sangat lucu jika tutorial sederhana ini dipublikasikan. Tapi tak ada salahnya saya ulas disini. Bagi master html, kode-kode dasar ini memang sudah sangat hafal diluar kepala, akan tetapi mereka yang sudah benar-benar master pun pada awalnya blo'on, hehehe peace, (maaf master-master hipnotis,eh,master html). Intinya apa yang saya tulis disini khusus di peruntukkan bagi blogger pemula. Syukur saja jika ada master html yang mampir ke blog ini :-p..Mari kita saling berbagi pengetahuan!!!
Bravo blogger Indonesia!!!


Ketika kamu membaca sebuah teks atau artikel di salah satu blog/web, mungkin kamu sering menemukan efek-efek tebal, miring, bergaris bawah, berwarna-warni dan bahkan kamu sering menemukan huruf-huruf atau angka yang berukuran lebih besar dibanding huruf disekitarnya. Atau jika kamu sering membaca artikel tentang matematika atau fisika dimana terkadang ada huruf/angka yang letaknya sedikit lebih ke atas dan ke bawah seperti penulisan pangkat pada suatu rumus matematika/fisika.



    Inilah kode sederhana yang mereka tambahkan di dalam teks editornya:
  1. <b> atau <strong> -->memberikan efek tebal pada huruf/angka.
    Contoh: <b>"ich, dawoez ganteng banget!!"</b> hasil -->"ich, dawoez ganteng banget!!"
  2. <i> atau <em> --> memberi efek miring.
    Contoh: <i>dawoez.blogspot.com</i> hasil --> dawoez.blogspot.com
  3. <u> --> memberi efek garis bawah.
    Contoh: <u>dawoez & nhiya</u> hasil --> dawoez & nhiya
  4. <font color="blue"> -->memberi efek warna.
    Contoh: <font color="blue">dawoez.xtgem.com</font> hasil -->dawoez.xtgem.com
  5. <font size="15pt"> --> memberi efek besar.
    Contoh: <font size="15pt">yah, dawoez lagi</font> hasil --> yah, dawoez lagi
  6. <sup> -->memberi efek huruf/angka agak ke atas.
    Contoh: dawoez<sup>TM</sup> hasil --> dawoezTM




penjelasan tambahan:

~Semua kode ada pembuka dan penutup (misal: <b> harus ditutup dengan kode </b>), mengapa demikian? Karena jika tidak, maka browser yang kamu gunakan saat ini tidak dapat membaca kode tersebut dan kode itu akan dianggap rusak atau belum selesai oleh teks editor html. khusus kode <font>, jika ada kode kombinasi di depannya semisal "color" ataupun "size", maka penutup kodenya tetap </font> saja.


~Untuk kode <font color="warna">, warna-warna dasar ada pada tabel di bawah:

Kode
Warna
Html
bluehasil -->
redhasil -->
greenhasil -->
yellowhasil -->
blackhasil -->
whitehasil -->


Untuk membesarkan huruf, selain kode <font size> ada juga kode yang sama fungsinya, yaitu <hn> dimana "n" adalah nilai atau value sebuah pembesaran huruf. "n" dapat di ganti dengan angka 1 s/d 6 dimana semakin besar nilainya semakin kecil hurufnya (misal: <h1> lebih besar dari <h2> dan seterusnya). Sebetulnya penggunaan kode <font size> lebih spesifik nilainya, karena besarnya suatu huruf dapat diatur secara detil mengunakan unsur "pt" (point) atau "px" (pixel).

Sampai disini dulu pengenalan kode-kode dasar html, lain waktu saya akan ulas lagi mengenai kode-kode html yang lain. Terima kasih.

Tidak ada komentar: