The document provides an overview of HTML and CSS topics that will be covered in 3 modules. Module 1 introduces HTML and the differences between web and mobile applications. Module 2 covers core HTML concepts like tags, elements, attributes, text formatting, links, forms, and new HTML5 features. Module 3 gives an introduction to CSS including what it is, how it is used, and how to link a CSS stylesheet.
The document provides an overview of HTML and CSS topics that will be covered in 3 modules. Module 1 introduces HTML and the differences between web and mobile applications. Module 2 covers core HTML concepts like tags, elements, attributes, text formatting, links, forms, and new HTML5 features. Module 3 gives an introduction to CSS including what it is, how it is used, and how to link a CSS stylesheet.
Global Attributes Style Id class Element Specific Attributes src alt type Custom / User Defined Attributes Text tags Headings h1 to h6 Paragraph Lists Ordered List Unordered List Definition List Tables article aside Graphic Tags Image Tag Figure tag Links Anchor Internal linking(Within Project) External Linking(from our project to external pages) (#)HashBased navigation(Within page)
Multi Media Tags Audio Video Layout Tags Div Section Header Main Nav Footer Form tags and form attributes Form Form attributes method action enc-type autocomplete novalidate Form Elements & form element attributes Types Input types text password file hidden radio checkbox submit(Action Items) reset(Action Items) Textarea
Dropdown Box select option Attributes of form elements type name placeholder value HTML Features with Examples The DOCTYPE declaration for HTMl5 is very simple, !DOCTYPE html The character encoding meta charset=”UTF-8” New function for embedding audio(audio), video(video), graphics(svg and canvas) Client-side data storage Interactive documents New structural elements, article ,header,footer,nav,section,and figure New from control calendar, date,time,email,url,search Javascript enhancement New HTML5 API’s HTML Geolocation, HTML Drag And Drop, Web storage
Module 3 : CSS Introduction
What is CSS Why Use CSS? How is CSS Used? Creating and Linking a CSS StyleSheet How To Test A Stylesheet