Pages

Kode dasar HTML part 1

Hay teman, selamat untuk blogger yang telah memulai langkah baik untuk belajar ngeblog atau website. sabar jangan lekas puas cari lebih banyak lagi yang bisa kamu dapatin. untuk  blogger pemula kamu mesti tahu tentang dasar-dasar HTML agar blog kamu makin canggih.
Berikut kode-kode dasar HTML. selamat belajar!
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 : Donnie Ardiansyah
Alamat : Pontianak
Email : donnieardiansyah@gmail.com
————————
</PRE>
Break
————————<BR>
Nama : Donnie Ardiansyah
Alamat : Pontianak
Email : donnieardiansyah@gmail.com
————————<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>
Teks

  1. Teks Tebal <b>teks kamu</b>
  2. Teks Besar  <big>teks kamu</big>
  3. Teks Garis Bawah  <u>teks kamu</u>
  4. Teks Garis Bawah  <s>teks kamu</s>
  5. Teks Garis Miring  <i>teks kamu</i>
  6. Teks Berkedip  <blink>teks kamu</blink>
Link
—– 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
1.
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>
3. 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”>
L
<INPUT TYPE=”radio” NAME=”jk”
VALUE=”Perempuan”>P
</TD>
</TR>
<TR>
<TD>Propinsi</TD>
<TD>
<SELECT NAME=”propinsi”>
<OPTION VALUE=”Jawa Barat”>Jabar</OPTION>
<OPTION VALUE=”Jawa Tengah”>
Jateng</OPTION>
4
<OPTION VALUE=”Jawa Timur”>Jatim</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>”;
?>
Referensi
Purwanto, Y. 2001. Pemrograman Web dengan PHP. PT. Elex Media
Komputindo. 211 hal. reedit oleh Donnie Ardiansyah
tags