Makalah html5
- 3. A. LATAR BELAKANG HTML bukanlah materi yang mudah dipahami. Pembaca harus mencermati dan memahami materi HTML agar tahu betul arti tulisan tersebut. Untuk mempermudah dalam pembelajaran tentang HTML khususnya HTML5, kami mencoba mengelompokkan materi sesuai dengan bahasannya ke dalam beberapa sub bab. Tetapi disamping itu kita harus rajin berlatih terus mencoba membuat web, baik yang statis ataupun dinamis. Berdasarkan kenyataan diatas penyusun tertarik untuk membuat makalah yang berjudul HTML5.
- 4. . 1. Pengertian dan Pengembangan HTML HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet. HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
- 5. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).
- 6. 1. Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Langiage, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML. 2. Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi ( ISO 8879 ) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML ( Standard Generalized Markup Language).
- 7. ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML. HTML merupakan sebuah dasar ataupun pondasi bahasa pemograman sebuah web page, HTML muncul sebagai standar baru dari kemajuan dan berkembangnnya internet, pada pertama kali muncul internet masih dalam keadaan berbasis text dimana tampilan sebuah halaman web hanya berisikan sebuah text yang monotone tanpa sebuah format dokumen secara visual, bayangkan saja sebuah dokument text yang dikemas dalam bungkus format seperti tipe file .txt atau sering disebut notepad, tanpa paragraph, satu warna, satu ukuran huruf tanpa gambar serta tidak adanya visual format dokumen seperti halnya Ms. Word, hal ini akan sangat membosankan dalam membaca. dan selain itu pertamakali muncul internet user mengakses masih menggunakan sebuah terminal, hal itu jelas sangatlah tidak friendly. Pemograman HTML muncul seiring perkembangan teknologi dan informasi.
- 8. Pada tahun 1980 IBM mulai untuk mengembangkan sebuah bahasa pemograman dimana text dan format sebuah dokumen dijadikan satu dalam bahasa pemrograman yang sering kita sebut sebagai HTML (Hyper Text Markup Language) akan tetapi pada saat itu pihak IBM memberikan sebuah nama GML (Generalized Markup Language). Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah nama baru dari GML tersebut dengan sebutan SGML (Standard Generalized Markup Language) Pada tahun 1989, Sebuah nama HTML muncul dari pemikiran Caillau Tim yang bekerja sama dengan Banners Lee Robert yang ketika itu masih bekerja di CERN memulai mengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML sangat berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010 kemarin oleh W3C HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut, memiliki sebuah kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakan sebuah gambar
- 9. HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pioneer dalam perkembangan homepage interaktif. Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut sebut sebagai HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, akan tetapi versi ini tidak bertahan lama. Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum, dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft. Perombakan terakhir terjadi pada tahun 1999 tepatnya tanggal 24 Desember yaitu HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link, meta, imagemaps , image dan lain lain sebagai penyempurnaan versi 3.2
- 10. Pada tanggal 4 Maret 2010, terdapat sebuah informasi bahwasanya HTML versi 5.0 masih dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0
- 11. HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dariInternet. HTML5 adalah revisi kelima dari HTML (yang pertama kali diciptakan pada tahun 1990 dan versi keempatnya, HTML4, pada tahun1997) dan hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTMLagar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
- 12. › Proses standardisasi W3C Kelompok kerja untuk teknologi aplikasi web hypertext (WHATWG) mulai menspesifikasikan HTML5 pada bulan juni 2004 dengan nama Web Applications 1.0., hingga pada bulan maret 2010 spesifikasi ini masuk ke bagian draft standar di WHATWG, dan ke dalam bagian pengurusan draft di W3C. Ian Hickson mewakili Google ,Inc menjadi editor HTML5. Pada tahun 2007 Spesifikasi HTML5 diadopsi sebagai pekerjaan permulaan untuk grup baru yang mengurus HTML di World Wide Web Consorsium (W3C). Grup ini pertama kali mempublikasikan hasil draft pekerjaan pertama mereka pada tanggal 22 januari 2008.
- 13. Berdasarkan pada jadwal kerja W3C, HTML5 diperkirakan menjadi kandidat rekomendasi pada akhir tahun 2010. Namun, publikasi pertama draft HTML 5 meleset selama 8 bulan. Permintaan dokumen terakhir dan tahap kandidat rekomendasi diharapkan dapat dicapai pada tahun 2008, tetapi hingga bulan Juli 2010 HTML 5 masih dalam tahapan draft pengerjaan di W3C. WHATWG telah meminta penyelesaian terakhir untuk HTML5 sejak bulan oktober tahun 2009.
- 14. Markup. Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal penggunaan website modern. Beberapa diantaranya adalah pergantian yang bersifat semantikpada blok yang umum digunakan: yaitu elemen () dan inline (), sebagai contoh () (sebagai blok navigasi website) dan (biasanya dikaitkan pada bagian bawah suatu website atau baris terakhir dari kode html).
- 15. Beberapa APIs terbaru pada HTML5 antara lain : › - Elemen canvas, sebagai mode untuk menggambar object dua dimensi (2D). Lihat spesifikasi 1.0 untuk canvas 2D. › - Timed media playback › - Media penyimpanan luring (aplikasi web luring). Lihat Web Storage Penyuntingan dokumen › - Drag-and-Drop › - Cross-document messaging › - Manajemen sejarah kunjungan penjelajah web › - Tipe MIME dan penanggung jawab protokol registrasi.
- 16. Tidak semua teknologi di atas dimasukkan pada spesifikasi HTML5 W3C, meski teknologi tersebut telah termaktub dalam spesifikasi milik WHATWG HTML. Beberapa teknologi yang juga terkait namun tidak dijadikan bagian dalam spesifikasi HTML5 W3C dan WHATWG HTML5 adalah : › - Geolocation › - Web SQL Database, media penyimpanan database lokal. › - API Database terindeks, mode penyimpanan hierarkis key-value (WebSimpleDB).
- 17. . Tujuan Dibuatnya HTML5 › · Fitur baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript › · Mengurangi kebutuhan untuk plugin eksternal ( Seperti Flash ) › · Penanagan kesalahan yang lebih baik › · Lebih markup untuk menggantikan scripting › · HTML5 merupakan perangkat mandiri › · Proses pembangunan dapat terlihat untuk umum
- 18. Dari pola diatas dapat digambarkan adanya sebuah dokumen HTML mulai dari tag pembuka <html> sampai tag penutup </html>, sedangkan isi dari dokumen html tersebut adalah dua buah elemen atau section yaitu, › • “HEAD” yang dimulai dari tag pembukanya <head> sampai tag penutup head </head>,Pada elemen ini biasanya berisikan - Title, merupakan judul dokumen - Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web. Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh maupun language - Script java, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser untuk sebagian besar, dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut, untuk elemen keduanya adalah
- 19. - “BODY” mulai dari tag pembuka <body> sampai tag penutupnya </body> pada elemen ini berisikan informasi dan pengaturannya yang akan ditampilkan dalam browser. Di dalam bahasa pemrograman HTML terdapat beberapa atributh yang perlu kita pelajari, adapun contoh atributh dan kegunaannya sebagai berikut, • <DFN>, untuk menandai sebuah subdefinisi dari daftar ataupun table definisi • <STRONG>, Untuk menandai bagian text ataupun kata dari penting dari sebuah kalimat, paragraph ataupun dokumen • <VAR>, untuk menampilkan nama variable • <CITE>, Menandai kutipan
- 20. • <CODE>, Menampilakan sebuah kode pemrograman • <EM>, Penekanan sebuah kalimat • <SAMP>, untuk membuat contoh ataupun sample didalam sebuah dokumen • <KBD>, menandai suatu text dimana text tersebut harus dimasukan oleh user melalui keyboard • <B>, Bold membuat tampilan tebal huruf, kata ataupun kalimat • <I>, Italic membuat tampilan miring • <U>, Underline membuat tampilan garis bawah • <TT>, Membuat tampilan jenis huruf menyerupai huruf mesin ketik • <STRIKE>, membuat garis tengah pada sebuah kalimat • <BIG>, memperbesar ukuran huruf • <SMALL>, memperkecil ukuran huruf • <SUP>, menampilkan superscript • <SUB>, menampilkan subscript • <FONT>, merupakan sebuah pengaturan huruf, kata ataupun kalimat bahkan paragraph di mana dalam atribut ini terdapat value yang mengatur tampilan huruf tersebut seperti color. Size, style dan lainnya
- 21. • <P>, Paragrah untuk membuat sebuah paragraph • <BR>, Line break berfungsi untuk mengganti baris • <H1>,<H2>,<H3>,<H4>,<H5>,<H6> merupakan sebuah header dimana dari keenam jenis tersebut mempunyai perbedaan ketebalan dan ukuran huruf • <PRE> Preformatted Text berfungsi menampilkan text apa adanya • <CENTER> membuat sebuah text berada di posisi tengah • <LEFT> membuat sebuah text berada di posisi kiri • <RIGHT> membuat sebuah text berada di posisi kanan • <Basefont size=”pixel”>mengubah ukuran sebuah huruf • <HR> Horizontal rule berfungsi untuk membuat garis bawah • <OL>, membuat penomoran pada daftar • <UL>, Membuat sebuah tanda pada daftar tanpa nomor (bullet) • <LI>, tag yang berada di dalam attribute UL ataupul OL digunakan untuk memisah baris daftar yang akan di beri penomoron ataupun tanda bullet • <TABLE>, membuat sebuah table
- 22. • <TR>, Membuat row atau baris didalam table <TH>, membuat judul kolom di table <TD> membuat isi pada kolom table, ketiga tag ini diisikan pada atribut table • Rowspan, Colspan merupakan pengaturan merge cell pada atribut table • <FORM> untuk membuat form • <A HREF=”url link”>Hypertext</A> Hyper Link • <IMG SRC=”url img”> insert image
- 23. › · HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. › · HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dariInternet. › · Tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTMLagar mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.
- 24. · Struktur dasar HTML5 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <link href="css/some-stylesheet.css" rel="stylesheet"/> <script src="scripts/some-script.js"></script> </head> <body> <p>Your webpage content goes here.</p> </body> </html> <!DOCTYPE html>
- 25. · Kegunaan HTML5 : - Membuat link - Memodifikasi format teks - Menampilkan daftar sesuatu dalam bentuk point-point (item) - Menyisipkan citra - Menampilkan informasi dalam bentuk tabel
- 26. http://sismartamelia.wordpress.com/2013/04/18/makalah-html/ http://peasc76.blogspot.com/2011/12/makalah-html.html http://danangsr.blogspot.com/2012/10/artikel-tentang-html- 5.html http://id.wikipedia.org/wiki/HTML5 http://id.wikipedia.org/wiki/HyperText_markup_language http://ilmuhamster.blogspot.com/2012/06/makalah-html. html