HTML

Dasar – Dasar Web Programming dengan Bahasa HTML

Struktur Dokumen HTML

<HTML>

<HEAD>

<TITLE>Struktur Dokumen HTML</TITLE>

</HEAD>

<BODY>

Halo, apa kabar ?

</BODY>

</HTML>

Heading

<H1>Heading Level 1</H1>

<H2>Heading Level 2</H2>

<H3>Heading Level 3</H3>

<H4>Heading Level 4</H4>

<H5>Heading Level 5</H5>

<H6>Heading Level 6</H6>

Paragraf

<P ALIGN=”right”>

PHP ditulis dan diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorf  melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya. PHP merupakan salah satu bahasa skrip yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan ke dalam web server, atau dapat berperan sebagai program CGI yang terpisah. Coba ganti

<P ALIGN=”right”> dengan <P ALIGN=”center”> atau <P ALIGN=”center”>

Blockquote

<BLOCKQUOTE>

PHP ditulis dan diperkenalkan pertama kali sekitar tahun 1994 oleh Rasmus Lerdorf melalui situsnya untuk mengetahui siapa saja yang telah mengakses ringkasan online-nya. PHP merupakan salah satu bahasa skrip yang terbilang baru dan tersedia secara bebas dan masih memungkinkan untuk dikembangkan lebih lanjut. PHP dapat diintegrasikan ke dalam web server, atau dapat berperan sebagai program CGI yang terpisah.

</BLOCKQUOTE>

Preformatted Text

<PRE>

————————

Nama : Teotino Soares

Alamat : Timor Leste

Email : teotinogomessoares@mail.ugm.ac.id

————————

</PRE>

Break

————————<BR>

Nama : Teotino Gomes<BR>

Alamat : Dili <BR>

Email : steotino@yahoo.co.id<BR>

————————<BR>

Font

<FONT SIZE=”1” COLOR=”red” FACE=”Arial”>Huruf Arial Ukuran

1</FONT><BR><FONT SIZE=”2” COLOR=”#00FF00” FACE=”Verdana”>Huruf Verdana Ukuran

2</FONT><BR><FONT SIZE=”3” COLOR=”#0000FF” FACE=”Tahoma”>Huruf Tahoma Ukuran

3</FONT><BR>

<B>Cetak Tebal</B><BR>

<I>Cetak Miring</I><BR>

<U>Cetak Garis Bawah</U><BR>

Link

1—– buat file dengan nama : halaman1.html —–

<H1>Halaman 1</H1>

<A HREF=”halaman2.html”>Klik di sini</A> untuk pindah ke halaman

2.—– buat file lain dengan nama: halaman2.html —–

<H1>Halaman 2</H1>

<A HREF=”halaman1.html”>Klik di sini</A> untuk pindah ke halaman

List Ordered List

<OL TYPE=A>

<LI>Hasil polling pilihan scripting language/platform :

<OL TYPE=I>

<LI>PHP 57.2%

<LI>Perl 13.6%

<LI>ASP 12.8%

</OL>

<LI>Urutan empat sampai enam :

<OL TYPE=1 START=4>

<LI>JavaScript 4.6%

<LI>Java 2.6%

<LI>Flash 2.2%

</OL>

</OL>

Unordered List

<UL TYPE=square>

<LI>PHP 57.2%

<LI>Perl 13.6%

<LI>ASP 12.8%

</UL>

Gambar

<IMG SRC=”kupukupu.gif” ALT=”Ini gambar kupu-kupu”>

Tabel

<TABLE BORDER=1>

<CAPTION>Judul Tabel</CAPTION>

<TR>

<TH>Judul Kolom 1</TH>

<TH>Judul Kolom 2</TH>

</TR>

<TR>

<TD>Baris 1, Kolom 1</TD>

<TD>Baris 1, Kolom 2</TD>

</TR>

<TR>

<TD>Baris 2, Kolom 1</TD>

<TD>Baris 2, Kolom 2</TD>

</TR>

</TABLE>

Background

Background Warna

Pada tag <BODY> ditambahkan BGCOLOR=warna, contohnya :

<BODY BGCOLOR=”yellow”>

Background Gambar

Pada tag <BODY> ditambahkan BACKGROUND=nama_file, contohnya :

<BODY BACKGROUND=”kupukupu.gif”>

Form

<FORM METHOD=POST ACTION=”proses.php”>

<TABLE BORDER=1>

<TR>

<TD>Nama</TD>

<TD><INPUT TYPE=”text” NAME=”nama” SIZE=”20″MAXLENGTH=”30″></TD>

</TR>

<TR>

<TD>Jenis Kelamin</TD>

<TD>

<INPUT TYPE=”radio” NAME=”jk” VALUE=”Lakilaki”>

<INPUT TYPE=”radio” NAME=”jk”

VALUE=”Perempuan”>P

</TD>

</TR>

<TR>

<TD>Propinsi</TD>

<TD>

<SELECT NAME=”propinsi”>

<OPTION VALUE=”Dili Barat”>Dibar</OPTION>

<OPTION VALUE=”Dili Tengah”>Diteng</OPTION>

<OPTION VALUE=”Dili Timur”>Ditim</OPTION>

</SELECT>

</TD>

</TR>

<TR>

<TD>Hobi</TD>

<TD>

<INPUT TYPE=”checkbox” NAME=”membaca”VALUE=”1″>Membaca

<INPUT TYPE=”checkbox” NAME=”menggambar”VALUE=”1″>Menggambar

</TD>

</TR>

<TR>

<TD VALIGN=”top”>Komentar</TD>

<TD><TEXTAREA NAME=”komentar” ROWS=”5″

COLS=”25″></TEXTAREA></TD>

</TR>

<TR>

<TD COLSPAN=”2″ ALIGN=”center”>

<INPUT TYPE=”submit” NAME=”kirim”VALUE=”Kirimkan”>

</TD>

</TR>

</TABLE>

</FORM>

—– buat file lain dengan nama: proses.php —–

<?

echo “<PRE>”;

echo “Nama : $nama<br>”;

echo “Jenis Kelamin : $jk<br>”;

echo “Propinsi : $propinsi<br>”;

echo “Hobi<br>”;

echo ” Membaca : $membaca<br>”;

echo ” Menggambar : $menggambar<br>”;

echo “Komentar : $komentar<br>”;

echo “</PRE>”;

?>

Tinggalkan komentar