Belajar HTML (Part #1)

Bismillaah..

Mengenal HTML

HTML atau biasa dikenal dengan HyperText Markup Language adalah standar bahasa yang digunakan untuk menampilkan dokumen web, dengan menggunakan bahasa ini anda dapat melakukan hal-hal berikut:

  1. Mengontrol tampilan dari web page dan kontennya.
  2. Mempublikasikan dokumen secara online sehingga dapat di akses dari berbagai belahan dunia.
  3. Membuat online form yang bisa digunakan untuk menangani pendaftaran, transaksi secara online.
  4. Menambahkan objek-objek seperti image (gambar), audio, video dan lain-lain.

Hal-hal yang diperlukan untuk belajar HTML

Dalam hal ini, untuk belajar HTML ternyata cukup mudah kok, kita hanya memerlukan dua hal penting di dalam komputer kita, yaitu:

  1. Browser, seperti Internet Explorer, Mozilla Firefox, Opera dan lain-lain. Browser diperlukan untuk menerjemahkan tag-tag HTML menjadi halaman web (web page).
  2. Editor, adalah program yang digunakan untuk membuat sekaligus mengedit dokumen HTML. Ada banyak HTML editor yang bisa anda gunakan, seperti Microsoft FrontPage, Dreamweaver, dan satu lagi yang sering saya gunakan untuk coding yaitu Notepad. ^^

Basic tag dalam HTML

Command (perintah) di dalam HTML umumnya disebut dengan tag, tag digunakan untuk menentukan tampilan dari dokumen HTML. Untuk memulai membuat halaman web dengan HTML umumnya dan merupakan sebuah keharusan untuk mengawali dengan <begin tag> dan diakhiri dengan </end tag>. Untuk lebih jelasnya anda dapat melihat contoh syntax (penulisan) tag HTML di bawah ini:

Setiap dokumen HTML itu harus di awali dan diakhiri dengan tag HTML, contoh:

<html>

. . . disini tempat content/isi dari dokumen HTML

</html>

Perhatikan kode diatas, bahwa begin tag HTML diawali dengan <html> dan end tag HTML diakhiri dengan </html>

Tag HTML tidak membedakan atau tidak case sensitive terhadap huruf besar maupun huruf kecil, anda dapat menuliskan <HTML> . . . </HTML> atau <html> . . . </html> keduanya menghasilkan output yang sama ketika di jalankan pada browser.

Memulai membuat halaman web dengan HTML

Buka program HTML editor anda, dalam hal ini saya menggunakan notepad.

Kemudian ketikkan kode berikut:

– – –

<html>

<head><title>Belajar HTML</title></head>

<body>

<h3>hello world!</h3>

</body>

</html>

– – –

Simpan dengan nama test.html atau nama file sesuai kehendak anda namun dengan ekstensi .htm atau .html
Klik 2 kali (double click) pada file test.html tersebut untuk menjalankan file tersebut pada browser anda.

Maka hasilnya kurang lebih akan seperti image dibawah ini..

hello world img

This entry was posted in Teknologi, Web Design and tagged , , . Bookmark the permalink.

Leave a Reply

Please log in using one of these methods to post your comment:

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