BLOG INI MENAWARKAN TEMEN - TEMEN SEMUANYA BUAT BELAJAR PEMROGRAMAN SECARA ONLINE DAN GRATIS.
UNTUK SAAT INI MATERI YANG TERSEDIA ADALAH :
PEMROGRAMAN WEB :
1. HTML
DATABASE:
1. MYSQL
MUDAH - MUDAHAN MATERI AKAN TERUS BERTAMBAH.
Belajar Pemrograman
Pengenalan HTML
Hi semua, mau posting tentang HTML nih, saya kasih category nya emang di pemrograman web, walopun HTML itu bukan bahasa pemrograman, tapi nggak apa2 lah ya, biar ga ribet..
Oke, daripada kelamaan nanti basi, buat temen2 yang belum tau, HTML itu singkatan dari HyperText Markup Language. Adalah bahasa dengan markup – markup atau penandaan yang merupakan bahasa standard untuk menampilkan file di web browser. File itu bisa berupa tulisan, audio, video, gambar, dll.
Jadi HTML itu adalah kumpulan perintah yang memerintahkan kepada web browser untuk bisa menampilkan isi ke user. HTML merupakan bahasa standar yang umum dan telah di update oleh W3C (World Wide Web Consortium).
Yang dimaksud standar umum berarti, bahwa bahasa ini sudah menjadi dasar untuk menampilkan file ke web browser dan bisa digunakan oleh siapa pun di dunia. Yang artinya semua browser bisa menterjemahkan apa yang tertulis di file HTML. Contoh browser itu seperti Mozilla firefox yang masih jadi idaman pemakai internet, terus ada Opera , terus Internet Explorer dari Microsoft, dan masih banyak lagi tinggal pilih aja. Untuk memilih web browser, saya menyarankan untuk memakai yang support javascript karena web page zaman sekarang udah ampir pake javascript semua.
Seperti namanya, Markup Language, HTML merupakan bahasa dengan adanya penanda / marker, dimana penanda itu yang sering disebut “Tag”. Tag HTML ada banyak, ada yang punya <BEGIN TAG>
Jangan bingung dulu ya, karena ini masih awal :) , tenang aja disini semua penjelasan akan ada contohnya nanti :) ..
Nah HTML digunakan untuk membuat halaman web yang Static. Dimana halaman web nya Cuma buat nampilin halaman aja, untuk memperbagus halaman yang static ini, kita butuh bantuan CSS, JavaScript, dan bahasa ServerSide, yang mudah2an bisa di jelasin semuanya, amin :) .
Nah mungkin kalo mau belajar semua, mungkin schemanya seperti ini sesuai urutannya :
HTML => dasar untuk membuat halaman web, tapi masih hanya sebuah Static Web page.
CSS => atau Cascading Style Sheet, yang gunannya untuk mengatur tata letak isi HTML nanti.
JavaScript => untuk membuat HTML menjadi interactive dengan animasi atau validator.
ServerSide Script => disinilah pemrograman web terjadi, dimana web kita udah ada otaknya atau pemrosesannya. Disini juga kita sudah bisa membuat Dynamic web page dengan adanya pemrosesan tersebut.
Contoh ServerSide Script antaranya : PHP (HyperText Preprocessor) ga nyambung emang sama singkatannya, JSP (Java Server Page) dari Java, ASP (Active Server Page) kalo ga salah punya nya Microsoft, Velocity ini buatannya Apache.
Nah itu kalo temen2 mau belajar untuk bikin web yang memenuhi standar, harus belajar dari dasarnya HTML, terus design web nya CSS, terus buat web nya lebih interactive dengan JavaScript, lalu tambahkan logika pemrosesan dengan ServerSide Scripting.
Kalo semuanya udah jago, mungkin temen2 mau ke jalan yang lebih rumit lagi yaitu teori MVC (Model View Controller), dimana kita mengatur sendiri jalannya web kita.
Ok, itu sekedar pengenalan, next kita belajar HTML Dasar.
HTML Dasar
Oke Setelah mengarungi perjalanan panjang untuk tau apa itu HTML, sekarang kita bisa membuat HTML pertama kita.
Yang akan kita lakukan disini adalah mengetahui tag – tag dasar untuk membuat sebuah file HTML, dan yang kita butuhkan adalah web browser dan sebuah text editor.
Untuk saat ini, web browser bisa digunakan yang mana aja, dan text editor bisa kita pake notepad, atau wordpad, atau notepad++ . Tapi notepad aja uda cukup.
Yuk kita mulai.
HTML dibuka dengan tag <HTML> untuk menandai kalo ini halaman HTML dan ditutup dengan </HTML>. Untuk setiap Tag penutup kita kasih tanda slash atau garis miring ( / ). Tag HTML tidak case sensitive, artinya huruf capital atau tidak ga akan jadi masalah, <HTML> atau <htmL> itu sama.
Buka notepad nya, ketik
<HTML>
</HTML>
Lalu save as, masukan nama nya “Latihan1.html”, pilih Save as type nya menjadi “All Files”. Untuk beberapa kasus, jika type nya kita tidak dirubah menjadi “All Files” , maka Filenya akan jadi seperti ini Latihan1.html.txt , akan menjadi txt file, bukan HTML.
Ekstensi .html bisa juga jadi .htm , tapi nantinya akan menjadikan 2 file yang berbeda walaupun nama dan isinya sama, jadi kita sepakat dari sekarang untuk membuat ekstensinya .html , oke :)
Nah, sekarang kita uda buat HTML kita yang pertama, kalo kita buka dengan browser, maka hasilnnya cuma halaman putih kosong.
Kenapa ?? karena kita baru membuat file HTML aja, dan belum kita masukin apa2.
Terus HTML punya dua bagian, Head dan Body, head ama body juga punya tag buka dan tutup.
<HEAD> … </HEAD>
<BODY> … </BODY>
Biasanya Di antara tag <HEAD> </HEAD> isinya ada tag <TITLE> </TITLE> yang gunanya untuk Judul halaman, dan juga berisi META tag untuk informasi pembuat file.
Kalo di <BODY> </BODY> itu adalah semua konten atau isi HTML misalnya tulisan, menampilkan gambar, video, audio, dsb.
Struktur sebuah tag seperti ini <element atribut = value>
Element adalah nama Tag
Attribute adalah semua atribut yang dimiliki oleh tag
Value adalah nilai dari atribut itu.
Contohnya, di tag <BODY> attributnya antara lain :
Bgcolor = untuk memberi warna background
Background = untuk memasukan gambar sebagai background
Text = untuk memberi warna default text di body, dll.
Nah value nya itu nilai dari atributnya, misalnya BGCOLOR=red (memberikan warna background merah).
Penulisannya seperti ini <BODY BGCOLOR = red>.
Ngga semua tag punya atribut. :)
Nah di file Latihan1.html kita tadi, di antara tag <HTML> dan </HTML> coba kita tambah seperti ini:
<HEAD>
<META names=”Pembuat”>
<TITLE>Latihan Pertama </TITLE>
</HEAD>
<BODY BGCOLOR=red TEXT=white>
WEB PERTAMA SAYA
</BODY>
Lalu di save, dan kita lihat hasilnya
Gimana? Web kalian udah jadi nih :)
Yuk kita review :
Disini kita uda pake 5 Tag kan, <HTML>, <HEAD>, <META>, <TITLE>,
<BODY>
<HTML> untuk memulai file HTML kita, Cuma buat tanda kalo file ini file HTML
<HEAD> ini juga cuma buat tanda kalo ini bagian kepala
<META> meta tag ini untuk nyimpen informasi, ga akan tampil di web nya, dan ga punya tag penutup.
<TITLE> ini untuk membuat judul di browsernya
<BODY> untuk penanda kalo ini bagian badan.
Atribut :
HTML => dir, lang, xml:lang, xmlns. (Tidak begitu penting untuk pemula, cuma untuk file attachment).
HEAD => profile. (ini juga ga begitu penting untuk pemula)
META => content, http-equiv, name. (atribut informasi)
TITLE => ngga punya attribute.
BODY => alink, background, bgcolor, link, text,vlink.
Untuk atribut akan dibahas lebih mendalam nanti.
Sekarang cukup sekedar tau aja dulu ya :)
Nah, sekarang temen2 udah punya dasar untuk membuat HTML, ga susah kan :)
Next kita akan belajar Manipulasi Font
Langganan:
Postingan (Atom)
