بسم الله الر حمن الر حيم

          Bagi yang baru belajar mengenal bahasa untuk membuat website atau bahasa HTML (Hyper Text Markup Language), saya mau berbagi tentang bahasa ini. Biasanya bagi yang sudah ahli, akan mengatakan bahwa bahasa ini termasuk mudah dan “open source”. Mengapa? Karena jika kita membuka suatu halaman web dan ingin melihat kode di dalamnya, tinggl klik kanan dan pilih View Page Source (Jika anda menggunakan Firefox) atau View Source (Jika menggunakan Internet Explorer). Namun di balik kemudahannya, terdapat power yang luar biasa. Bahasa ini merupakan pintu bagi bahasa-bahasa lainnya semacam PHP dll.

          HTML adalah bahasa yang fleksibel, bisa di campur aduk dengan bahasa lainnya, lihat contoh di bawah ini:

 

<html>

<body>

 

<?php

echo "Hello World";

?>

 

</body>

</html>

Kode di atas adalah campuran antara HTML dan PHP dan akan menghasilkan tulisan “Hello World” (tanpa tanda kutip). Hal serupa juga akan ditampilkan hanya dengan menuliskan kode HTML tanpa PHP, seperti:

<html>

<body>

Hello World

</body>

</html>

          Jika anda masih bingung dengan kode di atas, marilah kita mulai dari yang paling awal, karena memang tujuan dari tulisan ini adalah HTML basic. Mari:

          Dalam menuliskan HTML, dimulai dengan karakter “<” dan diakhiri “>” untuk membuka tag. Dan untuk menutup tag, digunakan “</” dan “>”. Akan tetapi jika anda tidak menutup tag-nya sekalipun, kode anda masih bisa berjalan normal. Hal in dikarenakan HTML tidak mengkompilasi kode yang ditulis. Hal ini berbeda jika anda menuliskan kode dengan bahasa semisal C#, jika kurang tag penutup seperti “;” maka akan terjadi error.

          Sebaiknya lihat contoh di bawah ini:

<html>

    <head>

        <title>

            Ini Head

        </title>

    </head>

    <body>

        Ini body

    </body>

</html>

Kode di atas merupakan struktur HTML yang benar. Jika anda menemukan seperti contoh di bawah ini, sebaiknya tidak digunakan, karena bisa mengurangi power yang dimiliki HTML ini (walaupun kode di bawah ini masih bisa jalan).

<html>

<body>

 

<h1>My First Heading</h1>

 

<p>My first paragraph.</p>

 

</body>

</html>

 

Alhamdulillah, semoga bermanfaat,,,

 

Sponsor:

  1. http://astore.amazon.com/binabi-20
  2. http://w3schools.com/html/
  3. http://alfatikhul.blogspot.com/

About ifqo

Kepingin melawan arus, agar tidak tenggelam,,,

Tinggalkan Komentar/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