DASAR HTML dan LAYOUT SEDERHANA

Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan

document web, yang bisa anda lakukan dengan HTML yaitu:

– Mengontrol tampilan dari web page dan contentnya.

– Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.

– Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.

– Menambahkan object-object seperti image, audio, video dan juga java applet dalam document HTML.

Setiap document HTML harus di awali dengan tag <HTML> dan di tutup dengan tag </HTML>

Minggu ini kelas saya ditugaskan untuk membuat sebuah layout sederhana dengan HTML.

Maka dari itu saya buat postingan ini. Semoga traffic meningkat gara-gara teman pada visit ini blog.hehe

Layout itu sendiri sebenarnya merupakan kumpulan dari beberapa tabel. Jadi dalami tentang tag <TABLE>. Untuk lebih lengkapnya pelajari mengenai dasar-dasar HTML.

Download disini untuk lebih lengkapnya mengenai dasar html.

Layout yang diminta kurang lebih format nya seperti ini :

Nah untuk membuat sebuah layout pada HTML dapat dibuat di Notepad.

Berikut skripnya :

<HTML>

<HEAD>

<TITLE> IDRIS LAYOUT </TITLE>

</HEAD>

<BODY>

<TABLE border="1" bgcolor="black" align="center">

<TR>

<TD align="center" bgcolor="blue" colspan="2" height="120" width="900">

<H1 align="center"><FONT color="yellow"> IDRIS-LAYOUT (-_-" </H1></FONT></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<MARQUEE><FONT face="impact" color="white"> TUGAS PROGRAMMING OLEH : MUHAMMAD IDRIS XI TI 1  <FONT></MARQUEE></TD>

</TR>

<TR>

<TD align="center" bgcolor="blue" width="150" height="400"></TD>

<TD align="center" bgcolor="gray" height="400"></TD>

</TR>

<TR>

<TD align="center" bgcolor="black" colspan="2" height="20" width="900">

<FONT face="impact" color="red">Copyright@2010</FONT></TD>

</TR>

</TABLE>

</BODY>
</HTML>

Sekarang bisa copy paste skrip di atas, namun saran saya pahami juga tiap TAG dan ATTRIBUTE nya yang dapat anda download pada link diatas.
Dan kembangkan kreasi anda.

Jika di preview pada Browser , hasilnya seperti ini :

Semoga Bermanfaat.

6 responses to “DASAR HTML dan LAYOUT SEDERHANA

  1. Pingback: Idris' Blog

    • smuanya ga bisa serba instan bro
      gw juga gitu dulu
      butuh waktu bberapa hari bahkan bbrp minggu untuk masuk ke google.
      ttep ngeblogging aja. trus buat postingan yg menarik .
      InsyaAllah bakal ke dftr di om google. 😀

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s