Belajar HTML5: Tag Progress, Tag s, Tag section

By Adhi P. - Last updated: Sunday, September 7, 2014 - Save & Share - Comments

banner438kursus Belajar HTML5: Tag Progress, Tag s, Tag section

Tag <progress> merupakan kemajuan tugas / task yang bisa digunakna pada HTML5. Ini merupakan tag baru di html5. Gunakan tag <progress> dalam hubungannya dengan JavaScript untuk menampilkan kemajuan tugas. Dengan catatan tag <progress> tidak cocok untuk mewakili alat ukur (penggunaan ruang disk misalnya atau relevansi dari hasil query). Untuk mewakili mengukur, gunakan tag <meter> gantinya.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

Downloading progress:

<progress value=”22″ max=”100″>

</progress>

<p><b>Note:</b> The progress element is currently supported in Firefox, Opera, and Chrome.</p>

 

</body>

</html>

 

Tag <s> menentukan teks yang tidak lagi benar, akurat atau relevan. Tag <s> tidak boleh digunakan untuk mendefinisikan teks diganti atau dihapus, gunakan tag <del> untuk mendefinisikan teks diganti atau dihapus. Sebenarnya Unsur <s> sudah ditinggalkan dalam HTML 4.01, dan digunakan untuk mendefinisikan teks strikethrough. Nah, sekarang  unsur <s> didefinisikan ulang di HTML5, dan sekarang digunakan untuk mendefinisikan teks yang tidak lagi benar.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

<p><s>My bike is blue.</s></p>

<p>My new bike is silver.</p>

</body>

</html>

 

Hasilnya :

My bike is blue.

My new bike is silver.

Tag <section> mendefinisikan bagian dalam sebuah dokumen. Seperti bab, header, footer, atau bagian lain dari dokumen. Tag ini merupakan tag baru di html5.

Perhatikan contoh kode dibawah ini :

<!DOCTYPE html>

<html>

<body>

 

<section>

<h1>Prothelon</h1>

<p>Prothelon.com adalah sebuah website yang berisi tutorial tentang cara membuat website.</p>

</section>

 

<section>

<h1>Kursus Online</h1>

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

<p>Kursus-online.com menggunakan metode belajar yang revolusioner untuk membantu para peserta memahami cara membuat website dengan lebih mudah.</p>

</section>

 

</body>

</html>

 

Hasilnya :

Prothelon

Prothelon.com adalah sebuah website yang berisi tutorial tentang cara membuat website.

Kursus Online

Kursus-online.com menggunakan metode belajar yang revolusioner untuk membantu para peserta memahami cara membuat website dengan lebih mudah.

Posted in Belajar HTML5 • Tags: Top Of Page