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>”;
?>