Membuat Heading dengan HTML

Membuat heading

Heading berfungsi seperti judul pada sebah dokumen. Bukan judul yang muncul di titlebar seperti yang kita buat menggunakan tag <title> namun seperti judul dalam dokumen itu sendiri. Untuk membuat heading, HTML menyiapkan enam buah tingkatan heading mulai dari yang terbesar yaitu <h1> sampai terkecil <h6>

Untuk membantu anda memahami bagaimana ukuran font antara <h1> sampai <h6> akan muncul dijendela browser , tulislah script dibawah ini

simpan dalam format all type dan jalankan di browser

Mengenal XHTML

XHTML merupakan singkatan dari Extensible Hypertext Markup Language. XHTML merupakan bentuk reformulasi dari HTML menggunakan paradigma XML

XHTML diperlukan karena XHTML adalah bentuk HTML yang lebih bagus dan rapih , karenanya dapat diparsing dibanyak platform browser, seperti di web browser biasa, lalu di browser ponsel, dan gadget lain.

XHTML memanfaatkan kelebihan XML untuk memperkaya HTML. Keuntungan menuliskan HTML dalam bentuk XML antara lain

·    Di XML , anda bisa mengenal elemen-elemen baru atau atribut elemen baru. Sehingga anda bisa membuat spesifikasi modul-modul baru.

·  XHTML lebih mudah mengakomodasi interopabilitas dari caramengakses halaman web. Sehingga laman web yang dibuat menggunakan XHTML menghasilkan warna yang seragam.

dalam prakteknya, menulis dokumen XHTML hampir sama seperti menulis dokumen HTML. Hanya saja ada beberapa ciri khas dokumen XHTML , seperti berikut:

1. Ditulis dengan huruf kecil baik nama tag maupun atributnya. 
2. Nilai atribut haruslah ada didalam tanda petik dua 
3. Anda tidak bisa menggunakan atribut yang berdiri sendiri di XHTML. 
4. Jika menemukan atribut yang berdiri sendiri, anda bisa mengalokasikan ke variabel dummy. Misal noborder = “noborder”. 
5. Elemen yang kosong perlu diakhiri dengan />. Contohnya <br/> diatas yang bisa saja dilakukan di HTML namun tidak bisa dilakukan di XHTML. 
6. Elemen <a> tidak bisa mengandung elemen-elemen <a> lainya. 
7. Elemen <Button> tidak boleh mengandung elemen <input> <select> <textarea> <label> <button> <form> <fieldset> <iframe> atau <isindex> 
8. Elemen <form> tidak boleh mengandung elemen <form> lainya 
9. Elemen <pre> tidak boleh mengandung elemen <img> <object> <small> <sub> atau <sup> 
10. Tidak boleh menggunakan karakter sensitif. Misalnya ketika nilai atribut mengandung tanda amperstand (&) maka ampserand-nya harus ditulis sebagai &amp

Untuk validasi anda bisa menggunakan http://validator.w3.org. Untuk memvalidasi apakah file yang anda buat sudah benar atau tidak. 

sumber: Edy Winarno, dkk. Desain Web Responsif dengan HTMLL5 dan CSS3. 2015. Jakarta: Elex Media Komputindo

Mengenal HTML 5

Definisi HTML

Secara harfiah, HTML adalah Htpertext Markup Language. Lantas apa itu arti dari setiap kata-katanya?

·         Hypertext: adalah sebuah teks yang apabila diklik akan membawa anda pergi dari satu dokumen ke dokumen lainya. Dalam prakteknya, Hypertext berwujud sebuah link yang bisa mengantar anda ke dunia internet yang sangat luas.

·         Markup: adalah tag (semacam kode) yang mengatur layout dan tampilan visual yang bisa kita lihat disebuah website, termasuk font, warna teks, gambar dan sebagainya.

·         Language: merupakan penunjuk bahwa HTML adalah semacam sript pemrograman

Dengan kata lain, HTML  merupakan script pemrograman yang mengatur bagaimana kita menyajikan informasi di dunia internet dan bagaimana informasi itu membawa kita melompat dari satu tempat ke tempat lainya.

Mengetal Tag

Dalam HTML, tag adalah teks yang ditulis diantara tanda < dan >. Tag ini menentukan bagaimana teks akan tampak pada jendela browser , bagaimana tabel akan dibuat, gambar apa yang akan disajikan, dan banyak lagi.

Sebagai contoh kita ingin menulis teks seperti di layar browser:

CUCI GUDANG Seminggu Lagi

Kata “CUCI GUDANG” pada teks diatas dibuat lebih tebal dibanding teks lainya. Jika anda mengetik teks itu menggunakan Ms Word, maka anda akan menekan tombol bold yang disediakan. Naun dalam dunia HTML, anda tidaka kan menemukan tombol Bold, Italic, dsb. Oleh karena itu, teks yang akan diberi efek tebal harus diberi Tag. Tag untuk memberi efek tebaladalah <b> , sedangkan untuk mematikan huruf tebal itu untuk teks teks berikutnya, buat lagi tag <b/>

Jadi, dalam format HTML, teks tersebut harus ditulis seperti ini

<b> CUCI GUDANG<b/> Seminggu Lagi

Pada contoh diatas kita menggunakan two-sided-tag yang terdiri dari tag pembka dan tag penutup. Tag penutup berada disebelah kanan dan selalu ditandai dengan kehadiran tanda “/”. Misalnya </b>. Dalam prakteknya, two-sided tag selalu diawali dengan tag pembuka dan tag penutup

Pengenalan singkat HTML 5

Sama seperti sebuah software,  HTML memiliki beberapa Versi . versi yang terakhir adalah HTML 5. Walaupun belum semua browser mampu menginterpretasikan tag tag dalam HTML secara utuh, namun perlahan HTML 5 ini akan mendominasi desain website.

HTML 5 memiliki kapabilitas baru dibanding versi sebelumnya, HTML 4. Misalnya saja, html 5 memiliki tag baru bernama <audio> dan <video> yang secara khusus berfungsi untuk memasang video dan audio kedalam website.

Aplikasi untuk menulis sript HTML

Jika anda ingin membuat aplikasi , bisa jadi anda menulis script pemrograman menggunakan Visual Basic, Delphi dan sebagainya. Masalahnya, tidak ada editor khusus untuk menulis script HTML walaupun dipasar ada HTML editor canggih seperti Dreamweaver, namun saran pergunakanlah editor paling sederhana yang gampang ditemui yaitu notepad bawaan windows anda

Aplikasi untuk menguji coba HTML 5

Kalau anda sudah memiliki Internet Explorer, Firefox, Google Chrome, maka anda sudah memiliki aplikasi yang cukup untuk menguji coba HTML 5. Disarankan, anda menggunakan browser terbaru karena HTML 5 masih belum digunakan secara luas. Oleh karena itu, browser versi lama kerapkali tidak mampu menginterpretasikan tag-tag HTML secara tepat dan akurat.