Hypertext Markup Language (HTML) - a markup language designed, documented, and maintained by the World Wide Web Consortium (W3C). + Amarkup language - a programming language that uses special tags to embed words and commands in and around regular text. + HTMLS - the new version of HTML available today for the World Wide Web. + Itis a new specification providing the tools for producing the next generation of websites. + HTML is evolving constantly: new codes are added and outdated codes are retired. + HTML5 relies on technologies such as Cascading Style Sheets version 3 (CSS3) and JavaScript, to make websites really pop and move.HTML 5 - Features ‘how HTML should be rendered by’ ; CSS3 enables customizing any feature of HTML element, like: dimension, color, font, text, image, alignment, and layout. + CSS3 allows to create 2D and 3D transformations, transitions, and animations. + JavaScript - is a commonly used client-side scripting language that can be use to provide extra functionality to a website. + HTMLS allows to produce a dynamic user experience: + to alter web browser events, + to use custom data attributes, and + dynamically hide and display entire sections of HTML code. + jQuery used to simplify the flow of HTML5 events and custom data attributes within JavaScript, as lavaScript code can be fickle depending on thelew Features of HTMLS e Semantic Layout, w User Interface Tags, + New CSS3 Visual Enhancements, + Flexible Box Model and Multi-Column. Layout, + Intelligent Form Inputs, + jQuery, Browser Events, and Custom Data Attributes, + Canvas Graphics, + Built-in Audio/Video Support, + Drag-and-Drop Events, + Storage Databases, + Offline Detection and Synchronization, + Geolocation, « Web Workers, WebSockets, + Notifications. @rrozMain HTML5 Document Structure + - indicates the version of HTML page, + - contains the minimum number of characters required to be interpreted by the web browser, + HTMLS5 document structure: Content of the document...... @rrez:New Semantic/Structural Elements (cont.)

- Defines an article

- Defines content, aside from the page content - Isolates a part of text that might be formatted in a different direction from other text outside it - Defines a command button that a user can invoke

- Defines additional details that the user can view or hide

- Defines a dialog box or window

- Defines a visible heading for a

element

- Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

- Defines a caption for a

element

- Defines a footer for a document or section

- Defines a header for a document or section - Defines marked/highlighted text - Defines a scalar measurement within a known range

-Defines navigation links - Represents the progress of a task

- Defines a section in a document - Defines a date/time - Defines a possible line-break @pron~~ New Semantic/Structural Elements +

- create a generie section of a document or application; isa thematic grouping of content typically with a heading, +

- when it would make sense to syndicate the contents of the element; i's generic term that refers to a single unit of content that stands alone and can be syndicated +

- contains the primary navigation throughout the web site: it can contain links that are external to the site, like links to Twitter or Facebook accounts, “index html">Home about. him\">About

Contact

+
- is used to include non-main content of the page, that is relevant to the main content it sits next to; itis used for sidebars, which can contains widgets and social media feeds to related links and images:
Facebook feed
Everyone should be using #HTMLS
follow me!

@PronCSS3 Syntax - Basics - selector { property: value; }, where: - selector= determines which HTML elements should be modified by the declaration; are the first part of every CSS rule. property - the codename for the style that will be altered, and - value - the new style itself. The same HTML document can be displayed in various styles, by modifying CSS style There are three ways of inserting a style sheet: +External style sheet - is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Internal style sheet - should be used when a single document has a unique style. You define internal styles in the head section of an HTML page, by using the