Terbaru

Training Center

Games

Design

Jumat, 29 Maret 2013

Latihan HTML Part 1

  Halo kawan-kawan....

  Posting perdana ini saya ingin sharing tentang HTML. Hyper Text Mark up Language (biasa disingkat dengan HTML) adalah bahasa standar yang digunakan untul menampilkan halaman web. hal yang bisa dilakukan dengan HTML antara lain:
  • Mengontrol dan mengatur tampilan web page dan contentnya
  • Mempublikasikan dokumen secara online
  • Menambahkan objek seperti file image, music, videos, dll pada dokumen HTML
Untuk menampilkan hasil dari HTML yang dibuat, dibutuhkan sebuah program yaitu browser. Browser adalah software yang digunakan untuk menerjemahkan tag-tag HTML menjadi web page. Ada bermacam-macam browser, antara lain: Mozilla Firefox, Internet Explorer, Comodo Dragon, Google Chrome, dsb.

   Nah, untuk membuat HTML, pertama-tama kawan harus memiliki editornya. untuk editor HTML, banyak sekali macamnya., diantaranya: MS. FrontPage, Macromedia Dreamweaver, dan Notepad.

   Sekarang kita mulai belajar. Semua dokumen HTML selalu diawali dengan Tag <HTML> dan diakhiri tag </html>. tag tidak case sensitive jadi penggunaan huruf besar atau kecil tidak berpengaruh. Secara umum penulisan tag HTML kurang lebih seperti ini <ATTRIBUTE Type="color">.
Ket: Attribute= bagian utama
        Type: bagian yang dimaksud
        color: warna
Contoh: <body bgcolor="red">
tag diatas jika dibaca menjadi: bagian tubuh web yang memiliki background warna merah

  Sekarang latihan dimulai....!!!

Step 1: Buka Aplikasi Notepad

Step 2: Ketikkan tag HTML berikut pada Notepad (kalau bisa jangan copas ya, biar pinter)
           
           <head>
             <title>Ardner Tech</title>
           </head>

           <body bgcolor="red">
             <center>Bring The Future<center>
           </body>

Step 3: Simpan file dengan nama yang kamu suka tapi untu akhirannya harus .htm
            Contoh: coba-coba.htm

Step 4: buka file yang kamu dengan browser favorit kamu

Step 5: Ini hasilnya

  Ya mungkin sekian untuk latihan hari ini. Semoga bermanfa'at





Tidak ada komentar:

Posting Komentar

Designed By Blogger Templates