-->

Minggu, 04 November 2012

Belajar Kode Dasar HTML


1. Kode dasar HTML:
<HTML>
<HEAD>

<TITLE>judul halaman&lt;/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.

1 komentar:

  1. wah... lumayan bagus gan.. semoga bermanfaat buat yang lagi belajar html.. ayeee..

    BalasHapus

Jangan lupa komentarnya ya..