Setelah kita mengenal TAG Dasar HTML, selanjutnya kita akan mengenal TAG-TAG HTML yang lainnya. Diantaranya adalah Heading, Paragraf, Blockquote, dan sebagainya.
06
Agu
10
HTML dan CSS part 3
24
Jul
10
HTML dan CSS part 2.
Seperti yang telah dijelaskan pada artikel pertama yang membahas tentang dasar seluk-beluk HTML dan CSS, saatnya kita mengenal HTML dan CSS lebih jauh lagi. SIAP? Kita mulai!!
HTML merupakan sebuah bahasa pemrograman. Ya! Bahasa pemrograman yang bisa dijalankan pada Web Browser. Seperti halnya bahasa pemrograman lain, HTML memiliki struktur tersendiri. Istilahnya adalah standarisasi bahasa. Bahasa atau kode HTML biasa kita sebut dengan “TAG HTML”. Semua kode HTML yang kita temui bisa kita sebut dengan TAG.
Tag HTML memiliki ciri khas tersendiri. Jika pada bahasa pemrograman lain bahasa yang digunakan hampir menyerupai bahasa keseharian, di HTML beda. Contohnya adalah pascal. Ketika kita akan memulai sebuah prosedur di dalam pascal, maka kode harus dimulai dengan BEGIN dan diakhiri dengan END. Namun, pada HTML, TAG dimulai dengan <nama_tag>[sesuatu untuk ditulis]</nama_tag>.
Untuk lebih jelasnya, kita bisa melihat keterangan di bawah ini :
TAG Dasar HTML
Bisa dipastikan, hampir semua halaman yang kita minta (terutama HTTP) memiliki TAG dasar seperti tersebut diatas.TAG dasar tersebut adalah <HTML>, <HEAD>, dan <BODY> yang mana setiap TAG yang dibuka selalu ditutup dengan </HTML>, </HEAD>, dan </BODY>. Kita bisa buktikan dengan cara melihat kode sumber halamannya.
Caranya : silahkan klik kanan di sembarang tempat dari halaman ini. Jika Anda pengguna Mozilla, silahkan cari “View Page Source”. Jika anda pengguna Web Browser lain, silahkan cari hal yang berhubungan dengan source. Nantinya, diakhri step akan muncul sebuah jendela/tampilan baru yang berisi tentang kode dari halaman ini. Setelah itu, silahkan cari ketiga TAG tersebut diatas (HTML, HEAD, BODY). Hasil dari kumpulan TAG diatas bisa kita lihat di bawah ini :
Hasil dari Kumpulan TAG diatas.
Jangan lupa! Setelah mengetikkan TAG HTML pada Notepad, rubah ekstensi filenya menjadi .HTML. Jadi, misal nama file Anda adalah HTML_PERTAMAKU, maka tambahkan dibelakangnya .HTML. Sehingga nama filenya adalah “HTML_PERTAMAKU.HTML” (tanpa petik).
Saya rasa cukup untuk materi dasar TAG HTML pada artikel ini. Silahkan jika ada pertanyaan?! 
21
Jul
10
HTML dan CSS part 1.
Dunia teknologi semakin canggih dan semakin beragam. Tidak menutup kemungkinan kita sebagai orang awam akan dipaksa untuk mempelajari teknologi tersebut. Salah satunya adalah dunia Internet. Tidak jarang dari kita semakin terpacu untuk menggunakan internet.
Sesungguhnya dunia internet merupakan sebuah jaringan komputer global yang menghubungkan satu komputer dengan komputer yang lainnya. Anggaplah sebuah jaringan yang ada pada Lab. Komputer. Satu komputer bisa terhubung antar satu dengan lainnya. Kita bisa mengakses data pada komp-A dari komp-B. Begitulah cara internet bekerja. Hanya saja ruang lingkup yang diberikan lebih luas dari sebuah Lab. Komputer.
Saat kita mengakses sebuah halaman web, itu sama halnya dengan mengakses data yang ada pada komputer lain. Siapa? mereka adalah pemilik halaman web tersebut. Ambillah sebuah contoh http://www.google.com. Ketika mengetikkan alamat pada “Address Bar“, itu berarti kita meminta pemilik web untuk menampilkan halaman web pada komputer kita. Jika kita berikan sebuah contoh google.com, internet akan mencari nama yang sesuai dengan yang kita ketikkan dan akan mengirimkan permintaan kita kepada komputer server google.com. Setelah itu, server google.com akan membalas dengan memberikan halaman yang kita minta. Maka keluarlah halaman yang biasa kita lihat.
Lalu apa hubungan Internet dengan HTML dan CSS? Hubungannya sangat erat, bagaikan paman dan keponakan (loh??). Semua halaman yang kita minta ketika kita bermain internet dasarnya menggunakan kedua bahasa tersebut.
Lalu apa sebenarnya HTML itu? HTML merupakan singkatan dari Hypertext Markup Language. Bahasa markup yang digunakan untuk membuat web. Sebenarnya HTML merupakan bahasa standard yang digunakan oleh browser (IExplorer, Mozilla Firefox, Opera, Google Chrome, dsb) untuk menampilkan halaman web yang kita minta. Jadi HTML merupakan bahasa dasar yang digunakan untuk membuat sebuah halaman web untuk mengakses data yang ada pada komputer server orang lain.
Sedangkan CSS sendiri merupakan kepanjangan dari Cascading Style Sheet merupakan sebuah bahasa style-sheet yang digunakan untuk mengatur tampilan dari sebuah dokumen HTML. Jadi mengapa halaman web yang kita lihat bisa berwarna-warni serta beragam bentuknya, tak lain salah satu penyebabnya adalah Bahasa CSS yang mengatur semua warna dan kesesuaian font/gambar yang ada didalamnya.
Berbeda dengan bahasa pemrograman yang lain (JAVA, VB.net, C#, C++, pascal, dsb) yang memerlukan sebuah compiler, HTML tidak memerlukan apapun untuk meng-kompile dirinya. Compiler adalah sebuah program untuk verifikasi apakah kode yang kita ketikkan sudah benar atau belum. Apabila terdapat kesalahan pada kode yang kita tulis, maka compiler akan memberitahukan letak kesalahannya. Sehingga kita bisa segera memperbaiki kesalahan tersebut. Namun, pada HTML, compiler tidak dibutuhkan. Sehingga kita harus sedikit lebih teliti dalam mengetikkan kode HTML.
Bahasa pemrograman lain juga memerlukan editor yang berbeda-beda. Namun, hanya cukup menggunakan Text Editor (Notepad, Wordpad, Pico, dsb) untuk membuat sebuah dokumen HTML. Kita hanya tinggal menambahkan ekstensi file .html di belakang nama file. Seperti contoh nama dokumen kita adalah “IniFileHtml”. Maka kita tinggal menambahkan “IniFileHtml.HTML” di belakangnya (tanpa kutip).
Jadi, cukup jelas apa pengertian dari HTML dan CSS tersebut. Sehingga, kita tidak akan merasa kesulitan ketika akan memulai mempelajari bahasa pemrograman HTML.
