jump to navigation

Belajar Web Dengan HTML Maret 3, 2008

Posted by op3l in TI.
trackback

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).

<HTML> Sebagai awal dokumen HTML.
<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.
<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :
<TITLE>Belajar WEB | HTML >>> poenyakoe.co.cc</TITLE>

Paragraph Baru: <P> Membuat paragraf baru . Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Line Break: <BR> Pindah baris baru.

No Line Break: <NOBR> memakai ini berarti teks yang panjang tidak akan pindah kebawah secara otomatis.

Font <FONT SIZE=4 FACE=”Comic Sans MS” COLOR=”#00ff00″>Contoh teks yang berwarna hijau</FONT>
Hasilnya >> Contoh teks yang berwarna hijau

<BIG> Ukuran teks akan lebih besar satu ukuran</BIG> lebih besar satu ukuran

<SMALL> Ukuran teks akan lebih kecil satu ukuran</SMALL> lebih kecil satu ukuran

<B>teks cetak tebal</B> untuk teks cetak tebal

<U>teks dengan garis bawah</U> untuk teks dengan garis bawah

<I>teks miring</I> untuk teks miring

<SUP>superscript</SUP> memformat teks menjadi superscript

<SUB>subscript</SUB> memformat teks menjadi subscript

<STRIKE>seperti di coret</STRIKE> memformat teks seperti di coret

<BLINK>berkedip</BLINK> teks berkedip ( diwordpress ga bisa)

Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI> [ Unordered Lists ].
Contoh :

<UL>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</UL>

Hasil dari kode di atas adalah:

  • Item nomer 1
  • Item nomer 2
  • Item nomer 3

atau bisa juga pakai Ordered Lists: <OL>

<OL TYPE=I>
<LI> Item nomer 1
<LI> Item nomer 2
<LI> Item nomer 3
</OL>

Definition Lists: <DL> membuat tulisan akan menjorok kedalam

Contoh :
<DL>
<DT> Item pertama.
<DD> Penjelasan tentang item pertama.
<DT> Item kedua.
<DD> Penjelasan tentang item kedua
</DL>

TABELTabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web “terbagi” pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>
Terdiri dari atribut :

  • align – perataan : rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor – warna latar belakang (background) dari tabel.
  • border – ukuran lebar border tabel (dalam pixel).
  • cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).
  • cellspacing – jarak antar cell (dalam pixel).
  • width – ukuran tabel dalam pixel atau percent.

Contoh :

<TABLE align=”center” bgcolor=”#0000FF” border=”2″ cellpadding=”5″ cellspacing=”2″ width=”90%”>

<TR>
Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

  • align – perataan : rata kiri (left), tengah (center) atau kanan (right).
  • bgcolor – warna latar belakang dari baris.
  • valign – perataan vertikal : top, middle atau bottom.

Contoh :

<TR align=”right” bgcolor=”#0000FF” valign=top>

<TD>
Tag ini digunakan untuk membuat kolom baru pada tabel.

  • align – perataan
  • background – image yang digunakan sebagai latar belakang dari kolom.
  • bgcolor – warna latar belakang
  • colspan – lihat gambar contoh
  • height – ukuran tinggi cell dalam pixels.
  • nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.
  • rowspan – lihat gambar contoh
  • valign – perataan vertikal :top, middle atau bottom.
  • width – ukuran kolom dalam pixel atau percen.

Komentar»

No comments yet — be the first.