Oke guys post ini adalah lanjutan dari post sebelumnya di sini kita akan mulai tutorial hari pertama. Di hari pertama ini kita akan mempelajari dan memahami bahasa pemrograman HTML.
Apa sih HTML? HTML adalah singkatan dari Hypertext Markup Language singkatnya ini adalah bahasa pemrograman dasar yang diperlukan untuk membuat sebuah web. Untuk penjelasan lebih lengkapnya silahkan cek wiki
Sebelum memulai koding, pertama-tama kita harus punya beberapa tool untuk mendukung pelatihan kita
1. Notepad++ download di sini (digunakan untuk koding, bisa menggunkan IDE yg lain sesuai selera)
2. XAMPP download di sini (digunakan untuk membangun web server di localhost beserta databasemya, bisa pakai yg lain sesuai selera)
3. Mozilla Firefox download di sini (digunakan untuk mengetes koding, bisa pakai browser yg lain sesuai selera)
Jika sudah memiliki semua tool di atas kita akan langsung mulai tutorialnya. Kita akan mulai dari pengenalan tag html, Penggunaan Tag itu berada diantara dua karakter "
<html>
<head></head>
<body></body>
</html>
Di atas adalah tag dasarnya. perhatikan bahwa setiap tag selalu memiliki pembuka dan penutup dimana untuk tag penutup diberi simbol garis miring atau slash "/" di depannya. Jangan sampai melupakan tag penutup saat menulis script html karena bisa berakibat error.
sekarang langsung kita coba kodingnya. pastikan kalian telah menginstall semua tool yang dibutuhkan
1. buka folder xampp di komputer, lalu klik folder htdocs (folder htdocs ini adalah localhost kita, jadi simpan semua file dan folder buatan kita di sini)
2. buat folder baru di dalam htdocs (saya kasih nama folder coba)
3. buka notepad++ lalu tekan ctrl+N untuk membuat file baru. lalu save dengan format .html (nama file terserah) saya beri nama file index.html. lalu simpan di folder coba
4. nyalakan xampp. xampp control panel lalu start apache dan mysql
kita mulai koding dengan notepad. sengaja saya bikin ga bisa di copas biar kalian koding sendiri dengan begitu kalian bakal lebih ingat dan memahami kodingnya
save file, lalu kita coba. Buka browser dan ketikkan localhost/coba/index.html di address bar
ga mucul apa-apa? ya iyalah kan kita belum ngisi apapun di kodingan kita cuma ngasih tag dasar doank
List tutorial hari pertama
Apa sih HTML? HTML adalah singkatan dari Hypertext Markup Language singkatnya ini adalah bahasa pemrograman dasar yang diperlukan untuk membuat sebuah web. Untuk penjelasan lebih lengkapnya silahkan cek wiki
Sebelum memulai koding, pertama-tama kita harus punya beberapa tool untuk mendukung pelatihan kita
1. Notepad++ download di sini (digunakan untuk koding, bisa menggunkan IDE yg lain sesuai selera)
2. XAMPP download di sini (digunakan untuk membangun web server di localhost beserta databasemya, bisa pakai yg lain sesuai selera)
3. Mozilla Firefox download di sini (digunakan untuk mengetes koding, bisa pakai browser yg lain sesuai selera)
Jika sudah memiliki semua tool di atas kita akan langsung mulai tutorialnya. Kita akan mulai dari pengenalan tag html, Penggunaan Tag itu berada diantara dua karakter "
<" dan ">" dengan
demikian perintah tersebut dapat dikenali oleh browser dan memberitahu
web browser bagaimana suatu objek ditampilkan. Secara umum
penggunaan tag pada HTML itu berpasang- pasangan dimulai dengan "<tag_pembuka>" Isi dari konten "</tag_penutup>", namun ada juga tag yang dalam penulisannya berdiri sendiri seperti "<nama_tag/>" tag tersebut disebut dengan Void Element.<!DOCTYPE html> <html>
<head></head>
<body></body>
</html>
Di atas adalah tag dasarnya. perhatikan bahwa setiap tag selalu memiliki pembuka dan penutup dimana untuk tag penutup diberi simbol garis miring atau slash "/" di depannya. Jangan sampai melupakan tag penutup saat menulis script html karena bisa berakibat error.
<!DOCTYPE html>tag ini berfungsi untuk memberitahu browser bahwa kodingan kita berisi format HTML5 (HTML 5 adalah versi terbaru dari HTML)- The
<html>elemen atau tag yang menyatakan bahwa kodingan kita adalah HTML - The
<head>elemen atau tag yang digunakan sebagai kepala berisi informasi atau koding yang pertama kali di baca oleh browser atau mesin pencari. tag ini biasanya berisi <style> untuk css dan <title> untuk judul halama. Akan saya jelaskan lebih rinci di tutorial berikutnya - The
<body>elemen atau tag yang digunakan sebagai badan halaman yang digunakan untuk menampilkan isi dari web. Akan saya jelaskan lebih rinci d tutorial berikutnya
sekarang langsung kita coba kodingnya. pastikan kalian telah menginstall semua tool yang dibutuhkan
1. buka folder xampp di komputer, lalu klik folder htdocs (folder htdocs ini adalah localhost kita, jadi simpan semua file dan folder buatan kita di sini)
2. buat folder baru di dalam htdocs (saya kasih nama folder coba)
3. buka notepad++ lalu tekan ctrl+N untuk membuat file baru. lalu save dengan format .html (nama file terserah) saya beri nama file index.html. lalu simpan di folder coba
4. nyalakan xampp. xampp control panel lalu start apache dan mysql
kita mulai koding dengan notepad. sengaja saya bikin ga bisa di copas biar kalian koding sendiri dengan begitu kalian bakal lebih ingat dan memahami kodingnya
save file, lalu kita coba. Buka browser dan ketikkan localhost/coba/index.html di address bar
ga mucul apa-apa? ya iyalah kan kita belum ngisi apapun di kodingan kita cuma ngasih tag dasar doank
List tutorial hari pertama
Tidak ada komentar:
Posting Komentar