Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubahan-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan 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 seperti teks, grafik, animasi, link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) kode di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html> Apa yang dibutuhkan dalam Belajar HTML ini?
-
Komputer dan koneksi ke Internet.
Agar kita bisa membaca dan belajar sambil praktek.
-
Teks editor.
Teks editor seperti Notepad di Windows adalah pilihan paling mudah karena sudah terintegrasi dengan system kita. Jika ingin menggunakan teks editor yang lebih bagus lagi, bisa men-download Notepad ++.
Jika menggunakan software lain seperti MS FrontPage atau Dreamweaver usahakan untuk selalu berada di kode "HTML View" dan gunakan real browser untuk menampilkan atau "preview" dokumen HTML anda.
Dengan kata lain biasakan untuk membuat, mengedit dan memasukkan kode-kode HTML dengan mengetiknya secara manual sehingga nantinya akan terbiasa dan hafal dengan kode-kode HTML.
-
Browser atau peramban.
Untuk Windows ada Internet Explorer namun jika ingin menggunakan peramban yang lain ada bermacam-macam pilihan seperti Mozilla Firefox, Google Chrome, Opera, Safari dsb.
-
Kreatif, tekun dan sabar.
Misal jika diberikan contoh-contoh HTML, kemudian berinisiatif membuat contoh-contoh yang berbeda berdasarkan imajinasinya sendiri ini namanya kreatif.
Kemudian lakukan dengan rutin dengan melakukan berbagai macam percobaan, melakukan pencarian informasi dari berbagai macam sumber, menyimak dan memberikan perhatian dengan apa yang sedang di lakukan itu namanya baru tekun.
Kesabaran memang ada batasnya jika ini terjadi sebaiknya anda beralih melakukan hobby-hobby anda yang lainnya lupakan HTML untuk sementara.
Tips lainnya
Jangan menulis tag-tag HTML secara tumpang-tindih.Penulisan yang salah:
<p><strong>Paragraf dengan tulisan tebal</p></strong>
Penulisan yang benar:
<p><strong>Paragraf dengan tulisan tebal</strong></p>
Hasil dari kedua contoh diatas akan sama:
Paragraf dengan tulisan tebal
Pelajari tapi hindari penggunaan deprecated tag dan atribut seperti contoh untuk tag ,
Deprecated tag dan atribut adalah tag dan atribut peninggalan HTML versi lama, dimana dalam versi saat ini sudah ada alternatif pengganti untuk tag-tag dan atribut tersebut.
Deprecated tag dan atribut tersebut jika digunakan tetap akan ditampilkan web browser sesuai fungsinya, namun jika ingin membuat halaman website yang memenuhi standar HTML4.0/XHTML (valid HTML4.0/XHTML) maka kita harus menghindari pemakain tag dan atribut tersebut
<body> deprecated jika menggunakan atribut bgcolor atau background:
<body background="#FFFFFF">...</body>
atau: <body bgcolor="#FFFFFF">...</body>
Kita dapat menggantinya dengan menggunakan atribut style:
<body style="background-color:#ffffff">...</body>
Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil.
Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Namun saat ini saya menganjurkan untuk membiasakan diri menggunakan huruf kecil saja baik untuk HTML maupun CSS.
Disamping akan terlihat lebih rapi juga agar nantinya lebih mudah ber-adaptasi dengan XHTML yang memang diharuskan harus menggunakan huruf kecil.
XHTML adalah gabungan dari XML dan HTML jadi tetap menggunakan kode-kode HTML hanya ada peberapa perbedaan yang mudah dipelajari nantinya kalau sudah tahu dan mengerti tentang HTML.
Tidak ada komentar:
Posting Komentar