Cara mudah belajar HTML

Ukuran: px

Mulai penontonan dengan halaman:

Download "Cara mudah belajar HTML"

Erlin Widjaja
7 tahun lalu
Tontonan:

Cara mudah belajar HTML Panji Sulaeman panji.sulaeman@raharja.info Abstrak Ternyata belajar html sangat mudah Seorang temanku seorang sahabat ku bercerita kepadaku tentang HTM atau HTML.

1 Cara mudah belajar HTML Panji Sulaeman Abstrak Ternyata belajar html sangat mudah Seorang temanku seorang sahabat ku bercerita kepadaku tentang HTM atau HTML. Dulu aku memang malas mendengarnya. Yang diceritakanya kepadaku hanyalah huruf, tanda dan angka-angka yang bagiku sangat rumit. Dalam hati aku bilang begini: Huuuh, kode-kode begitu untuk apa dipelajari. Kata Kunci: cara mengatasi laptop yang lemot di windows 7 Pendahuluan ahasa pemrograman merupakan bagian dari bahasa komputer, demikian halnya dengan jenis bahasa lainnya. Contohnya, HTML adalah suatu bahasa markah dan bahasa komputer, tapi secara tradisional tidak dianggap sebagai bahasa pemrograman. Bahasa pemrograman adalah sofware bahasa komputer digunakan dengan cara merancang atau membuat program sesuai dengan struktur dan metode yang dimiliki oleh bahasa program itu sendiri. Komputer mengerjakan transformasi data berdasarkan kumpulan printah program yang telah dibuat oleh program. Bahasa pemrograman ini merupakan suatu himpunan dari aturan sintaks (prinsip dan peraturan untuk membuat kalimat dalam bahasa alami, contohnya bahasa Indonesia) dan semantik (makna yang terkandung pada suatu bahasa, kode, atau jenis representasi lain) yang dipakai untuk mendefinisikan program komputer

2 Pembahasan Belajar HTML merupakan proses pertama yang umumnya dilakukan oleh para web programer. Nah setelah selesai dengan belajar HTML, maka kamu akan memiliki kemampuan untuk membuat halaman web statis. Berikutnya kamu pasti pengen bisa bikin halaman web yang memiliki kemampuan untuk berinteraksi dengan pengunjung secara lebih intens. Waktu itulah kamu perlu mulai brlw. Setelah belajar PHP maka kamu bisa melanjutkan dengan belajar MySQL untuk menambah kemampuan PHP kamu. Saya bisa dengan singkat menjelaskan seperti ini. HTML diperlukan terutama untuk membuat tampilan web, PHP untuk menambah kemampuan interaksi dengan pengunjung dan kemampuan menyimpan data akan disupport oleh MySQL. Lengkap sudah semuanya. Namun tentu saja web programming tidak hanya sebatas itu. Selain belajar HTML, PHP dan MySQL, tentu saja kamu dapat mempelajari juga bahasa script lain yang akan lebih memperindah tampilan web kamu dan mempermudah proses desain web kamu seperti css dan java. Kamu juga mungkin akan perlu menambah ketrampilan kamu dalam membuat desain web dangan berbagai web seperti Dreamweaver dan FrontPage serta belajar aplikasi pengolah gambar seperti Fireworks dan Adobe. Tetapi untuk saat ini kita akan konsentrasi ke materi belajar HTML yang menjadi dasar semua pemrograman web. Perlu saya sampaikan di sini bahwa meskipun kamu sudah menguasai berbagai aplikasi yang mempermudah desain web, tetapi walau bagaimanapun pada akhirnya kamu tetap akan memerlukan kemampuan untuk melakukan pemrograman hands on alias manual untuk melakukan berbagai tuning dalam program kamu. Oh ya, sebelum saya lupa, saya perlu sampaikan bahwa tutorial belajar HTML ini hanya salah satu dari puluhan tutorial lain tentang HTML yang ada di prothelon. Saran saya, silakan lihat dulu ini dan pelajari tutorial-tutorial tersebut secara berurutan untuk mendapatkan hasil yang maksimal Siap? OK, kita akan mulai belajar HTML.

3 Pengenalan HTML Apa yang dimaksud dengan file HTML? - HTML merupakan kependekan dari Hyper Text markup Language - Sebuah file HTML merupakan sebuah file teks yang berisi tag-tag markup - Tag markup memberitahukan browser bagaimana harus menampilkan sebuah halaman - File HTML harus memiliki ekstensi htm atau html - File HTML dapat dibuat menggunakan editor teks yang biasa kamu pakai. Pengen Nyoba Bikin? Mulailah dengan membuka Notepad (di Windows XP bagi yang belum pernah klik Start, Program, Accessories, Notepad). Ketikkan teks berikut: 1<html> 2<head> 3<title>Judul Halaman</title> 4</head> 5<body> 6Ini halaman pertama saya. <b>teks ini ditebalkan</b> 7</body> 8 </html>.simpan dengan nama halamanku.htm (jangan lupa tambahkan tanda kutip ganda pada nama filenya. Kalau lupa maka nama filenya akan menggunakan ekstensi default.txt sehingga menjadi halamanku.htm.txt). Buka Browser kamu (misalnya internet explorer). Kilk File, Open, Browse dan pilih cari file halamanku.htm yang tadi kamu bikin. Klik OK, dan browser akan menampilkan halaman yang tadi kamu buat. Gampang kan? Atau masih bingung? Ok, kita akan melihat penjelasan dari contoh di atas. Setiap tag diapit oleh tanda lebih kecil dan lebih besar. Kamu bisa melihat bahwa tag pertama adalah <html>. Tag HTML pada umumnya selalu memiliki pasangan yang memiliki tag sama dengan sedikit tambahan tanda garis miring /, dan kamu bisa melihat pasangan tag <html> di akhir script yaitu </html>. Tag <html> memberitahu browser bahwa inilah awal dari dokumen HTML. Tag pasangannya yaitu </html> menyatakan bahwa inilah akhir dari dokumen HTML. Teks di antara <head> dan </head> adalah teks informasi header. Informasi header ini tidak ditampilkan pada jendela browser. Teks di antara <title> adalah judul dokumen kamu. Judul ini akan ditampilkan di caption browser (lihat di bagian paling atas kanan dari browser kamu). Teks di antara tag <body> adalah teks yang akan ditampilkan pada jendela browser kamu. Dan terakhir, teks di antara <b> dan </b> akan ditampilkan dalam huruf tebal.

4 Sekarang kita akan lihat mengenai ekstensionnya. Sebagaimana sudah disampaikan di awal, kita bisa membuat file HTML dengan 2 ekstension yaitu.htm dan.html. Nah ekstension.htm ditujukan untuk operating sistem jaman dulu yang hanya mensupport ekstensi 3 huruf. Sedangkan ekstensi.html akan lebih aman digunakan jika OS dan aplikasinya support karena lebih jelas menunjukkan bahwa ini adalah file HTML. Sebagai catatan, setiap kamu melakukan perubahan pada file HTML kamu, maka kamu harus me refresh browser untuk melihat perubahan tampilannya. Ok, tutorial belajar HTML sesi perkenalan cukup, kita akan melanjutkan ke level berikutnya elemen html Penutup Merupakan kesimpulan dan intisari dari pembahasan yang dipaparkan maksimal dalam seratus kata. Referensi

5 Biografi FOT Nama : Panji Sulaeman Pria kelahiran 16 November 1993 ini zodiaknya secorpio. teman bisa menghubungi dia untuk kerjasama di : Panji,sulaeman@raharja.info Sosial Media : Facebook Panji sulaeman

dokumen-dokumen yang mirip

TUTORIAL BELAJAR HTML

TUTORIAL BELAJAR HTML Gunawan Effendi gunawan_effendi@penulis.com :: http://penulis.com Abstrak Bahasa html merupakan markup (pelekat) untuk menampilkan teks, gambar dan multi media. Dalam html terdapat