Laman

Kamis, 09 Juni 2016

MENGENAL HTML 5



Halo teman- teman sebelum kita belajar html kali ini saya akan membahas pengenalan HTML, fungsi HTML, konsep HTML, cara kerja HTML dan cara penulisan HTML dari dasar, pasti sudah pada tau dong apa itu HTML? HTML adalah singkatan Hyper Text Markup Language, Hyper Text Markup Language dapat kita kelompokan menjadi dua suku kata yaitu :
-          Hyper Text berarti teks aktif maksudnya adalah sebuah teks yang memiliki kemampuan dapat terhubung antara teks suatu halaman dengan halaman yang lain.
-          Markup Language menjelaskan bahwa dokumen HTML ini disusun oleh tag- tag markup dan setiap tag pada HTML menjelaskan perintah isi dokumen yang berbeda- beda.
Fungsi dari HTML ?
HTML adalah teknologi dasar yang digunakan untuk membuat dasar dari sebuah halaman web dengan menghubungkan teks / link antar halaman, memberi struktur dan membagikan informasi yang terkait dengan sebuah halaman web. Lalu kenapa HTML pada Web bisa menampilkan animasi- animasi dan efek-efek yang bagus?Hal itu dikarenakan Konten sebuah web selain teks dapat bermacam- macam seperti video, audio, gambar, dan agar tampilan web kita semakin menarik biasanya didalam sebuah web di tambahkan Javascript sebagai animasi, dan CSS (Cascading Style Sheet) sebagai pemberi make-up atau style.
Struktur HTML5 adalah sebagai berkut :

Penambahan Tag baru pada HTML5 (Semantic/Structural Elements baru pada HTML5)
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan isi selain dari konten halaman
<bdi> Isolat bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luar itu
<command> Mendefinisikan sebuah tombol perintah bahwa seorang pengguna dapat meminta
<details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
<summary> Mendefinisikan sebuah judul terlihat untuk elemen <details>
<figure> Menentukan mandiri konten, seperti ilustrasi, diagram, foto, daftar kode, dll
<figcaption> Mendefinisikan sebuah caption untuk elemen <figure>
<footer> Mendefinisikan footer untuk dokumen atau bagian
<header> Mendefinisikan sebuah header untuk dokumen atau bagian
<hgroup> Grup seperangkat <h1> untuk elemen <h6> ketika pos memiliki beberapa tingkat
<mark> Mendefinisikan teks ditandai / disorot
<meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
<nav> Mendefinisikan navigasi link
<progress> Merupakan kemajuan tugas
<ruby> Mendefinisikan sebuah penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan sebuah penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby
<section> Mendefinisikan sebuah bagian dalam sebuah dokumen
<time> Mendefinisikan tanggal / waktu
<wbr> Mendefinisikan sebuah kemungkinan garis-break
<audio> Mendefinisikan isi suara
<video> Mendefinisikan sebuah video atau film
<source> Mendefinisikan beberapa sumber daya media untuk <video> dan <audio>
<embed> Mendefinisikan sebuah wadah untuk aplikasi luar atau konten interaktif (plug-in)
<track> Mendefinisikan trek teks untuk <video> dan <audio>
<canvas> Digunakan untuk menggambar grafik, dengan cepat, melalui scripting (JavaScript biasanya)
<datalist> Menentukan daftar yang telah ditentukan pilihan untuk kontrol input
<keygen> Mendefinisikan sebuah field kunci-pasangan generator (untuk bentuk)
<output> Mendefinisikan hasil perhitungan
Penghapusan Tag pada HTML5
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>
<u>

Sumber :

Tidak ada komentar:

Posting Komentar