Prasetyo Muchlas blog

Icon

Untuk Sahabat

Belajar HTML (Part #1)

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..

img1

Filed under: HTML , , , , ,

7 Responses

  1. redesya mengatakan:

    Kakak yang baik hati, thx kak, aku tunggu kelanjutannya :)

  2. Rindu mengatakan:

    Wah … belajar banyak disini :)

  3. agungfirmansyah mengatakan:

    Keren nih…
    sederhana tapi sangat berguna.
    Nanti klo ada yg tanya ttg html sy kasih tau link ini aja deh.

  4. vaepink mengatakan:

    Ayo semangat untuk berbagi…. :)

  5. ghani arasyid mengatakan:

    memang agak susah…
    dulu bisanya gara-gara nyoba di FS.
    sayang FS saya sekarang udah RIP, udah ganti ke FB ^^

  6. bayu200687 mengatakan:

    menghilang kemana brader..? koq sepi..?
    apa sibuk FB?

Leave a Reply

You must be logged in to post a comment.