Indonesia Coding

Theme Design by Adhye

Indonesia Coding

Theme Design by Adhye

Indonesia Coding

Theme Design by Adhye

Subscribe now!

Rabu, 03 April 2013

Perbedaan HTML5 dengan HTML4

Perbedaan HTML5 dengan HTML4 ~ Sebelum artikel ini saya tulis mengenai Perbedaan HTML5 dengan HTML4,di artikel sebelumnya saya memberikan sedikit pengetahuan mengenai Dasar-dasar HTML.
Berbicara tentang HTML,HTML juga mempunyai beberapa versi mulai dari HTML1 sampai dengan HTML5,yang akan kita bahas kali ini.
Pada HTML4 yang sementara ini digunakan para programer,telah menemukan berbagai kekurangan,maka dari itu orang yang menemukan scropt HTML ini sedang memperbaiki dan menambah kekurangan dari HTML4.
Pada dasarnya,HTML5 belum dirilis,dan rencananya akan dirilis pada tahun 2014 yang akan datang.Namun sebagian programer sudah belajar menggunakan HTML5 dan ingin mengenal fitur-fitur tambahannya.HTML5 ini cukup membuktikan bahwa fitur-fitur yang dimiliki sekarang jauh lebih lengkap dari versi sebelumnya.


* Penambahan elemen-elemen baru:
  • Section serupa seperti h1-h6
  • Article bisa berupa entri blog atau tulisan konten
  • Aside menyajikan konten pelengkap
  • Header bisa menyajikan judul,deskripsi,bahkan nav untuk navigasi
  • Footer berisi catatan kaki seperti informasi hak cipta,penulis,kontak,dan sebagainya
  • Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan  
  • Untuk menyajikan percakapan
  •  Yang fenomenal adalah penggunaan elemen figure,video,audio,source,embed,canvas, 
  • Dan elemen terkait berkas multimedia lainnya.
* Penambahan atribut baru:
  • Atribut media,ping pada elemen pranala
  • Autofocus,placeholder,required,autocomplete,dan sebagainya,terkait elemen input dan form
  • Reversed pada elemen ol untuk urutan besar ke kecil.
  *Perubahan makna elemen:
  • Elemen b dilegalkan sebagai tipografi penegas,seperti pada kata kunci yang ingin ditonjolkan, 
  • Tidak "deprecated"(bukan fitur yang dianggap usang).
  • Bermakna semantik tertentu.Hal yang sama berlaku pula untuk elemen i.
  • Elemen strong menegaskan level kepentingan,bukan sekadar penekanan emphasis lagi
  • Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya
  • dan lain-lain.
  *Elemen dan atribut yang tidak digunakan:
  • Center
  • Font
  • Strike,u,big
  • Frame,frameset,noframes
  • Acronym
  • Longdesc
  • Scope pada td
  • dan sebagainya.
Dengan penambahan,perubahan fitur-fitur tersebut kita sudah dapat menyimpulkan bahwa,HTML5 lebih lengkap dari pada HTML4.
Meskipunpun belum rilis,tapi sudah ada browser yang sudah bisa membaca script HTML5 tersebut.

Lanjutan dari  Perbedaan HTML5 dengan HTML4 akan dibahas pada artikel selanjutnya.

Terima kasih..
Read More >>

Perintah dan dasar-dasar HTML


Perintah dan dasar-dasar HTML ~ HTML merupakan singkatan dari Hypert Text Markup Language dan merupakan bahasa pemrograman yang digunakan seorang programer dalam pembuatan website. Dalam penggunaannya,sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan tanda ("/").

Sebuah halaman web minimalnya mempunyai empat buah tag, yaitu :
* <HTML> 
* <HEAD>
* <TITLE>
*
<BODY>




* <HTML> 
Tag ini merupakan penanda awal dari sebuah dokumen HTML,dan </HTML> sebagai tanda penutupnya.

* <HEAD> 
Tag ini merupakan sebuah informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag seperti :
TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE dan META,dan diakhiri dengan </HEAD>.

* <TITLE> 

Sebagai titel atau judul halaman sebuah website. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda,seperti gambar dibawah ini :






* <BODY> 

Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link danbanyak lagi yang lainnya.
Contoh:

<BODY bgcolor="#333" background="images/pcb.gif" text="#FFFFFF" link="#FF0000" vlink="FFFF00" alink="#0000FF">

Keempat Tag tersebutlah yang harus anda perhatikan/pelajari jika anda ingin membuat sebuah website.Berikut saya berikan sedikit contohnya :

<HTML>
<HEAD>
<TITLE>Indo Coding</TITLE>
</HEAD>
<BODY bgcolor="#333" background="images/gambar1.gif" text="#FF0000">
Sebuah Website yang sederhana
</BODY>
</HTML>


Untuk mendalami HTML silahkan cari sumber-sumber lainnya ataukah membaca blog ini pada artikel selanjutnya.
Semoga Pembahasan kali ini mengenai Perintah Dan Dasar-Dasar HTML dapat bermanfaat buat teman-teman.

Read More >>