Web Programming, website
dibangun dengan line-line code atau barisan-barisan kode, disini kita akan
mempelajari itu dari sangat dasar, untuk penjelasan terlebih dahulu, website
dibangun dengan beberapa file type, beberapa diantaranya adalah :
1.
HTML (Bisa
diibaratkan Sampul Buku)
2.
CSS (Bisa
diibaratkan Penghias dari Sampul Buku tersebut)
3.
JavaScript
(Bisa diibaratkan fungsi/isi dari buku tersebut)
4.
PHP (Inti
dari buku tersebut, sehingga buku tersebut benar-benar layak untuk dibaca)
Disini yang akan kalian pelajari terlebih dahulu adalah HTML(Hyper Text
Markup Language), pertama-tama kumpulkan niat kalian :D jangan sampai berhenti
ditengah jalan ya hahaha, nah alat yang kita butuhkan untuk membuat HTML ini mudah
kok, bisa menggunakan Notepad bawaan dari OS kalian masing-masing atau bisa
menggunakan Notepad++ agar lebih mudah (masih
banyak text editor lain, selain N++). Disini saya akan menggunakan N++ ya :D
Basic Web Programming - Belajar HTML |
Pasti ada beberapa yang nanya “Itu apa? Kok tiba-tiba kita harus ngetik itu”,
secara simplenya itu kumpulan line-line yang udah paten/wajib ada di setiap
halaman web, penjelasan rincinya :
<????> : ini disebut dengan
tag, dimana sebuah tag itu harus menggunakan tanda “<” dan “>” .
</????> : ini
disebut dengan penutup tag, gunanya untuk menghentikan atau menandakan bahwa
fungsi dari tag <????> berhenti sampai disini.
“Terus itu apa? Kok ada
<html>, <head>, <dsb>”, itu nama tag atau code, code yang
saya ketik di gambar itu hanya bagian inti dari tag-tag atau code yang ada di
html. Jadi, masih banyak SEKALI tag-tag yang ada di html. Penjelasan tag inti,
sbb :
1.
<html> : tag ini menandakan, bahwa semua yang kita
tulis dibawah tag ini adalah bagian dari html, dan tag ini semacam ibu atau
induk dari semua tag html yang ada, jadi kalo tag <html> ini ngga ada,
kemungkinan besar, tag-tag seperty <head>,<title>,<body>,
dsb. Tidak akan terbaca nantinya, “Kok gak terbaca?”, Ingat, ini sebuah bahasa
pemrograman, bukan hanya sekedar text biasa, makannya kita butuh induk tersebut.
2.
<head>
: tag ini adalah bagian atas, sesuai dengan namanya ‘head’ di dalam tag ini hanya digunakan untuk beberapa tag khusus.
3.
<title> : tag ini adalah salah satu tag khusus yang
berada di tag <head>, fungsinya adalah memberi judul dari halaman website
kita, judul halaman yang muncul pada tab-tab menu web
4.
<body> : disinilah kalian dapat mengisi apa-apa saja
yang akan ditampilkan di dalam web kalian.
Daripada semakin
bingung, mending langsung deh ke tutorial awalnya :D
Belajar Web Programming - Belajar HTML |
INGAT : Nama file tidak boleh menggunakan spasi atau
titik, lebih baik gunakan underscore, untuk menghindari error pada file html
tersebut, untuk kalian yang menggunakan notepad biasa, pada bagian ‘save as type’ pilih ‘all files’ lalu, isikan nama filenya
dengan diakhiri ‘.html’, dan untuk kalian yang menggunakan N++ atau yg lainnya,
pada save as type pilih html, dan kalian hanya tinggal memberi nama filenya
saja
Sekarang, bukalah file tersebut dengan web browser kalian. Maka hasilnya
akan seperti ini :
Belajar Web Programming - Belajar HTML |
# Download PDFnya #
Belajar Basic Web Programming, HTML+PDF