Mu'ammar Riski Ananda

Tutorial HTML Komputer Teknologi Renungan dan Agama Pengetahuan Internet Jaringan Info

Sabtu, 31 Maret 2012

Belajar dan Pengertian HTML


Assalamu’alaikum wr.wb.
Setelah sekian lama fakum,Alhamdulillah pada kesempatan ini saya bisa ngeposting lagi.:)
Dipostingan kali ini saya akan memberikan tutorial membuat atau belajar HTML bagi pemula.

Dalam belajar sebaiknya teman-teman langsung mempraktekkannya, sehingga akan lebih mudah untuk dipahami, teman-teman bisa ketik atau copy/paste contoh-contoh HTML yang telah saya buat di program HTML teman-teman dan preview di browser atau di editor untuk melihat hasilnya.

Sebelumnya saya akan memberikan sedikit pengertian tentang apa itu HTML?
HTML (Hyper Text Markup Language) itu adalah bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file yang telah kita buat.
Sedangkan penerjemah dari kode perintah yang telah kita buat tadi adalah web browser,sehingga kita dapat melihat,membaca dan mendengar hasil dari kode perintah yang telah kita buat tadi.
Tag pertama pada dokumen HTML adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
" <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
<title>…</title>"tag ini merupakan bagian dari Head, tag ini adalah sebagai Judul dari dokumen HTML, titel ini akan tampil di judul dan tab browser.
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video .
Oiya,Untuk editor teman-teman bisa memakai Notepad,Notepad++,Edit++,Jcreator dan lain-lain,tapi untuk belajar kita bisa memakai Notepad biasa atau Notepad++.
Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, atau editor yang teman-teman punya,silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:
<html>
  <head>
    <title>Judul Website</title>
  </head>
    <body>
      Hello sahabat!!
    </body>
</html>

Selanjutnya simpan Kode HTML diatas dalam bentuk HTML,saya contohkan, belajar.html,atau belajar.htm juga bisa. Setelah itu buka file yang telah teman-teman simpan tadi di browser teman-teman.
Selamat mencoba teman-teman.:D

Tidak ada komentar:

Posting Komentar