-->
one stop tutorials
  1. Berkenalan dengan HTML
  2. Memakai kaskus smiley untuk facebook chat
  3. Huruf berwarna untuk facebook chat
  4. Sembunyikan file anda ke dalam gambar
  5. Cara simpel install windows 7
  6. Setting BIOS untuk booting melalui flashdisk
  7. Cara baru membuat status biru di facebook
  8. Test Otak!! Seberapa pintarkah anda
  9. Hutan buatan di tengah kota
  10. Membuat folder super hidden
  11. Jika Janin dapat bicara
  12. Membuat aplikasi penghitung luas dengan C++
  13. Cara menggunakan sqlmap pada backtrack
  14. Menambahkan fitur tab pada microsoft office
  15. Inilah presiden termiskin di dunia yang patut kita teladani
  16. Alay teks generator
  17. Membuat tulisan terbalik
  18. Melihat URL asli dari layanan pemendek URL
  19. Buka situs yang diblokir part (2)
  20. Mempercepat kinerja windows xp sp3
  21. Daftar referensi situs penting part(1)
  22. Daftar referensi situs-situs penting
  23. 4 langkah cek virus tanpa antivirus
  24. Hacker adalah
  25. Manfaat mengkonsumsi susu kedelai bagi yang suka begadang
  26. Metode compresing untuk mempercepat loading website/blog
  27. Mempercepat proses streaming video di youtube
  28. Download driver notebook, VGA, Windows, sound card etc
  29. Perbaikan Komputer Pada Kasus Windows Blue Screen Errors
  30. Download ebook di scribd.com tanpa register
  31. Membuat avatar dengan animasi teks
  32. Beginilah cara membuat status biru di facebook
  33. TTS Online bagian 2 (materi teknologi informasi)
  34. Teknologi yang memungkinkan kita membuat kue coklat dengan printer
  35. Membuat keylogger di flashdisk
  36. Menyembunyikan status dari beranda facebookmu
  37. Kunci jawaban teka-teki silang online V1
  38. Teka-teki silang Online
  39. Facebook shortcut keyboard
  40. Mengembalikan file yang terhapus
  41. SMS Gratis
  42. Kapitalisasi pendidikan
  43. Mikroskop digital untuk ilmuwan cilik
  44. All about punk
  45. Shortcut keyboard windows 7
  46. Memainkan game onet di windows 7
  47. Membangun toko online dengan wordpress
  48. Teka teki mbah Einstein
  49. 14 keyboard shortcut di windows 7
  50. Cara menemukan shortcut keyboard sendiri
  51. Belajar mengetik dengan 10 jari
  52. Teknik SEO MLM Backlink
  53. Menumbuhkembangkan karakter kebahasaan
  54. Produktifitas Karakter Respon Konservasi Berbasis Multiple Intelegence
  55. Pembelajaran Sains dalam Pendekatan Tematik
  56. Belajar Sains yang Membebaskan
  57. (PTK) Penerapan pendekatan kontekstual untuk meningkatkan kualitas pembelajaran Biologi SMP
  58. (PTK) Karakteristik pembelajaran Biologi
  59. (PTK) Hasil Penelitian dan pembahasan
  60. Mencari link asli dari foto kita di facebook
  61. Browsing dengan efek 3D dengan add ons firefox
  62. Manusia, sel, kromosom dan DNA
  63. Aku mau buat situs, harus register dimana?
  64. Membunuh akun facebook secara permanen
  65. Alasan bermigrasi ke domain sendiri
  66. Instalasi aplikasi sistem penjaminan mutu pendidikan part (1)
  67. Instalasi aplikasi sistem penjaminan mutu pendidikan part (2)
  68. Instalasi aplikasi sistem penjaminan mutu pendidikan Final
  69. Trik tersembunyi windows 7
  70. Membuat partisi harddisk di windows 7
  71. Yang baru di windows 7
  72. Cek saldo tabungan melalui HP
  73. Install windows tanpa CD
  74. 4 langkah persiapan update BIOS
  75. Chatting lewat HP dengan MXIT
  76. Domain khusus untuk situs porno
  77. Menilik video ariel
  78. Karakter aneh untuk nama file
  79. Penunjuk arah di belantara maya
  80. Shortcut keyboard photoshop CS2
  81. Steganografi teknik kamuflase file
  82. Karakteristik umum virus komputer
  83. Mengubah icon aplikasi dengan resource hacker
  84. Membasmi virus brontok
  85. Koleksi software
  86. Mengembalikkan file dan folder super hidden
  87. DNA windows
  88. Membuka registry yang terkunci
  89. Virtual mesin (komputer di dalam komputer)
  90. Proteksi file dengan FFP
  91. Jalan pintas membuka program
  92. Tiga tombol sakti
  93. Trik jitu sembunyikan folder pribadi

Baca lebih banyak tutorial »
Teka teki silang online

Teka-teki silang online

Premium Blogger Services

Berkenalan dengan HTML

Dengan HTML anda dapat membangun website atau blog dengan tangan anda sendiri, dengan HTML anda dapat memperindah tulisan pada posting blog anda, dengan HTML kita dapat lebih mudah mempelajari ilmu SEO dan dengan HTML website website besar di bangun, dengan html pula saya membuat tools Tulisan berwarna untuk facebook chat.

Sobat klikedukasi, Saya mencoba mengingat kembali sesuatu yang pernah saya pelajari dan mencoba mengenalkannya untuk anda yang masih awam tentang dunia web. Apa, seperti apa, bagiamana dan jadi apa. Beberapa pertanyaan yang dulu sempat membuat saya penasaran, dan akan sedikit saya jelaskan dalam posting ini.

Penjelasan mengenai html di bawah, secara garis besar merefer ke w3schools. So bagi yang ingin mempelajari lebih jauh, bisa anda temukan referensi yang cukup banyak disitu. Saya hanya membahas html yang sangat dasar, dan dipeuntukkan bagi mereka yang bener-bener awam tentang html. Semoga dapat mencerahkan bagi yang sedang kegelapan

Apa itu HTML ?

HTML merupakan singkatan dari Hyper Text Markup Language. Sebenarnya HTML hanyalah bahasa penanda (markup language) dan bukan termasuk bahasa pemrograman, hanya sebatas kode penanda untuk menunjukkan kalo tulisan ini biru, ini loh area yang diisi gambar etc.

Seperti lazimnya markup language yang lain, html juga dibekali oleh seperangkat tag markup, contohnya seperti <h1></h1>. Tag tag inilah yang yang digunakan html untuk mendeskripsikan halaman web seperti yang anda lihat sekarang.

HTML Tags
 
HTML sebenarnya sangat mudah dipahami, tidak perlu dipusingkan dengan logika yang ribet, tidak perlu juga bergumul dengan variable, array, else if, dll seperti kita mempelajari bahasa pemrograman semacam PHP atau C++. Kita hanya cukup mengerti tentang Tag markup html atau biasa disebut tag html saja.

Tag tag html merupakan sebuah keywords yang sudah ditentukan dan dikurung oleh tanda < dan > . contoh tag <html> . Tag html hampir selalu berpasangan, ada tag pembuka dan tag penutup contohnya seperti ini <b> dan </b> . Jadi kalo di awal kita membuat tag pembuka <b> harus ditutup dengan tag penutup ini </b>

Bijimane? mudah kan?. yuk lanjut

Dokumen HTML = Halaman Web

Apaan nih maksudny? Maksudnya adalah jika anda ingin membuat halaman web dengan html maka anda harus merancang dokumen html-nya. Dokumen html ini berisi tag tag html dan teks biasa, jika dokumen html ini dibuka oleh browser seperti firefox atau chrome maka yang muncul adalah halaman web yang tidak lagi memunculkan tag tag html. Inilah tugas browser yaitu mendeskripsikan tag tag html dan menampilkannya sebagai halaman web seperti yang sedang anda lihat. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman web.

Anda juga dapat mengintip tag tag html yang ada pada halaman ini dengan cara klik kanan "View Page Source" pada firefox dan "lihat sumber laman" pada chrome atau bisa juga dengan shortcut Ctrl + U. 

Secara umum dokumen html berisi tag seperti ini:


Penjelasan dari tag tag di atas:
  • Teks di antara <html> dan </ html> menjelaskan halaman web, setiap halaman web selalu menyertakan tag ini. Tag ini semacam tag induk yang hampir selalu ada pada setiap dokumen html, tag ini pula yang menandai kalo semua tulisan yang tercakup dalam tag tersebut adalah dokumen html.
  • Teks di antara <body> dan </ body> adalah isi halaman yang terlihat. Anda dapat mengisi gambar, tulisan maupun tabel disini.
  • Teks di antara <h1> dan </ h1> ditampilkan sebagai judul
  • Teks di antara <p> dan </ p> ditampilkan sebagai sebuah paragraf.
Dalam belajar pengkodean seperti ini, baik bahasa pemrograman (ex: php) maupun yang hanya berupa bahasa markup seperti html ini, Saya selalu menekankan pada diri saya sendiri untuk selalu ingat pada 4 rumus P3I (Pelajari, Praktek, Praktek, dan Improvisasi). So untuk memantapkan belajar kita tentang html dasar ini, silahkan ketik ulang (jangan dicopas ya, nanti anda akan tahu perbedaannya) tag tag html yang ada pada text area di atas menggunakan notepad. Setelah itu anda simpan dengan ekstensi .html jangan lupa setting save as type: All files (*.*) contoh: latihanku.html, kemudian buka dengan firefox. coba lihat hasilnya.

Sekian tutorial pengenalan html dasar kali ini, Kita lanjutkan ke tutorial 6 Pertanyaan dasar seputar html

comment 0 komentar:

Poskan Komentar

“Anda boleh mengambil isi blog ini dan mempublikasikan ulang tulisan yang ada, dengan catatan anda wajib menyertakan nama penulis dan link dofollow ke blog ini.”

 
© Klikedukasi 2012 | Design by Panembahan Satyapradana | 170p3x
Klikedukasi on Bloggers - Meet Millions of Bloggers