1. Kode dasar HTML:
<HTML>
<HEAD>
<TITLE>judul halaman</TITLE>
</HEAD>
<BODY>
isi halaman
</BODY>
</HTML>
2. kemudian ini adalah kode warna jika ingin menulis dengan warna berbeda
<span style="background-color: #66ff66;">Nanti warna background tulisan ini berubah</span>
#FFFFFF adalah putih
#FFFF66 adalah kuning
#FF66FF adalah pink
#FF0000 adalah merah
#66FF66 adalah hijau
#0066FF adalah biru
#00000 adalah hitam
Untuk Kode warna yang lebih lengkap klik di SINI
3. 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>
4. 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>
5. 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
6. 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
7. 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>
8. 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
sekian dulu dari THEguh Waves, semoga bermanfaat bagi kalian semua.
wah... lumayan bagus gan.. semoga bermanfaat buat yang lagi belajar html.. ayeee..
BalasHapus