Home » , » Pengenalan Belajar HTML

Pengenalan Belajar HTML

Written By Unknown | Posted on 18/03/13 | 1:00 AM

Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer.
Nah setelah selesai dengan belajar HTML, maka sobat akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya sobat pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intensif.
Waktu itulah sobat perlu mulai belajar PHP. Setelah belajar PHP maka sobat bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP sobat. Mengerti anak-anak? hehehe

Namun tentu saja web programming tidak hanya sebatas itu.
Selain belajar HTML, PHP dan MySQL, tentu saja sobat dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web sobat dan mempermudah proses desain web sobat seperti CSS dan Javascript.
Sobat juga mungkin akan perlu menambah skill dalam membuat desain web dangan berbagai aplikasi pembuat web seperti Dreamweaver, FrontPage, EditPlus, Notepad++ serta belajar aplikasi pengolah gambar seperti Fireworks, Adobe, dan CorelDraw.

Are you ready, Now? OK, kita akan mulai belajar HTML.
Apa yang dimaksud dengan HTML? 
  • HTML merupakan kependekan dari Hyper Text markup Language
  • Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup
  • Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman
  • File HTML harus memiliki ekstensi htm atau html
  • File HTML dapat dibuat menggunakan editor teks yang biasa sobat pakai.

Cekidot!! Ayo kita coba membuat file HTML :

1. Buka program editor seperti Notepad atau EditPlus.
[Saya pake EditPlus]


<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Ini halaman pertama saya.
<b>Teks ini ditebalkan</b>
</body>
</html>

Simpan dengan nama halamanku.html (Pilih save as type "All Files").

2. Buka Browser sobat 
(misalnya Internet Explorer).
Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi sobat buat.
Klik OK, dan browser akan menampilkan halaman yang tadi sobat buat seperti dibawah :



Gampang kan kaya makan cireng? Atau masih bingung?
Ok, kita perjelas dari contoh di atas.
  • Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Sobat bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring “/”, dan sobat bisa melihat pasangan tag <html> di akhir script yaitu </html>.
  • Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML.
  • Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser.
  • Teks di antara <title> adalah judul dokumen sobat. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser sobat).
  • Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser sobat.
  • Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal. 

Wooke!! Dengan penjelasan ini sobat harusnya udah mulai manggut-manggut dan merasa, Wooow! Ternyata belajar HTML itu gampang kaya makan cireng yah!!!


Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya.
Share Artikel ini :

 
Copyleft © 2013. WUS24™ - All Rights Reserved.
Template Designed by Doanx. Supported by WUS24™