KODE DASAR HTML

Kode dasar HTML:
<HTML>
<HEAD>

<TITLE>judul halaman&lt;/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
Share on Google Plus

About Ricky Maulana

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.