Kode-Kode Dasar HTML



Kode dasar HTML:
<HTML>
<HEAD>

<TITLE>judul halaman&lt;/TITLE>


</HEAD>


<BODY>


isi halaman


</BODY>

</HTML>



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>

<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>

<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

<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

List titik
<UL>
<LI> point 1
<LI> point 2
<LI> dst
</UL>

List angka

<OL>
<LI> point 1
<LI> point 2
<LI> dst
</OL>

<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 e-komputer, semoga bermanfaat.. ^_^

© e-komputer. All rights reserved.