Kick HTML 5

HTML 5 Introduction Hyper Text Markup Language adalah file teks
atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web.

Before To Kick Html 5 1. Dropbox 2. Editor 3.
Browser 4. Create Folder in Dropbox: Exercise HTML5 → folder img → css → js....

Evolution HTML • HTML pada awalnya dikembangkan oleh Tim Berners-Lee
sementara di CERN. • HTML 2.0 (November 1995) • HTML 3.2 (Januari 1997) • HTML 4 (Desember 1999) • XHTML (April 2002) • HTML 5 (February 2009)

HTML 4 vs HTML 5 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML
4.01 Frameset//EN” “ http://www.w3.org/TR/html4/frameset.dtd”> <html> <head> <meta charset="UTF-8"> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html> <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Example document</title> </head> <body> <p>Example paragraph</p> </body> </html>

Okay Let's Play (Play one) <!DOCTYPE html> <html> <head> <meta
charset=utf-8 /> <title>scoped stylsheets</title> </head> <body> <article> <h1>Style Scoped</h1> <p>The scoped attribute for the style element will eventually allow for you to include style elements mid-document. To do this, you must mark up your style element with the scoped attribute.</p> <section> <style scoped> p { color: red; } </style> <h2>How does it work?</h2> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </section> </article> </body> </html>

Exercise Play One Style Scoped Style Scoped <h1> <colour Blue>
<h1> <colour Blue> The scoped attribute for the style element will eventually allow for you to include style elements mid-document. To do this, you must mark up your style element with the scoped attribute. <p> How does it work? <h2> <colour Red) Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. <p> •

Kick HTML 5

Kick HTML 5

Yusuf Febrian Hanjaya

Other Decks in Programming

Featured

Transcript

HTML 5 Introduction Hyper Text Markup Language adalah file teks

Before To Kick Html 5 1. Dropbox 2. Editor 3.

Evolution HTML • HTML pada awalnya dikembangkan oleh Tim Berners-Lee

HTML 4 vs HTML 5 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML

Okay Let's Play (Play one) <!DOCTYPE html> <html> <head> <meta

Exercise Play One Style Scoped Style Scoped <h1> <colour Blue>