The html sessions (01) - an introduction to html5
- 1. Confucius say I do not enlighten those who are not eager to learn, nor arouse those who are not anxious to give an explanation themselves. If I have presented one corner of the square and they cannot come back to me with the other three, I should not go over the points again. the <html> sessions @carlyleoliver tech@pinstorm
- 2. first a few demos • webcam magic • working of the grid • css transitions • audio/video/geo_location tech@pinstorm
- 6. anatomy of a web page content opening tags <html> <body> <h1 id=”page_section”> wake up, this session ain’t that dull? </h1> </body> </html> closing tags tech@pinstorm
- 7. lets HTML then • • • • • NOT a programming language .htm .html is markup for layout, browser inteprets tags etc <title>..</title> <b>..</b> <u>..</u> notepad, SciTe, dreamweaver etc tech@pinstorm
- 8. jazzying it up • • • • the web experience = html + js + css … html = markup css = styling js = programmatic interactivity tech@pinstorm
- 9. css • <style></style> wake up, this session ain’t that dull wake up, this session ain’t that dull h1 { color: red; font-weight: bold; } tech@pinstorm
- 10. JavaScript <script></script> alert(“well hello there”); document.getElementById("page_section").innerHTML = “may the force be with you”; window.open(); tech@pinstorm