HRDF Funded Course - HTML5 and CSS3 Essential Training

This HTML learning course introduces basic HTML to beginners. The course will explain what HTML is, how it's structured, and presents the major tags and features of the language. Discover how to format text and lists, add images and flow text around them, link to other pages and sites, embed audio and video, and create HTML forms. Additional tutorials cover the new elements in HTML5, the latest version of HTML, and prepare you to start working with Cascading Style Sheets (CSS).

Topics include:

• What is HTML5 and CSS3?
• Using HTML tags such as links, lists and background
• Understanding HTML5 semantics
• Working with HTML tables
• Inline, Embedded and External CSS
• CSS Selectors
• Responsive Web Design
• CSS and Javascript Frameworks

Module 1: Get Ready

• Web Technologies 
• HTML Page Structure
• Doctype
• Install Sublime Text

Module 2: HTML Tags

• Basic Tags 
• HTML Attributes
• HTML Formatting
• Phase Tags
• Meta Tags
• Comment

Module 3: Image Tags

• Insert Image
• Set Image Width/Height
• Set Image Border
• Set Image Alignment

Module 4: Table Tags

• Create Table
• Table Headings
• Cellpadding and Cellspacing
• Colspan and Rowspan
• Table Background
• Table Height and Width
• Table Caption
• Table Header, Body and Footer

Module 5: List Tags

• Unordered List
• Tag Attributes for Unordered List
• Ordered List
• Tag Attributes for Ordered List
• Start Attribute

Module 6: Links

• Anchor Tag
• Target Attributes
• Base Path
• Download Links
• Link to Other Section in a Page
• Image Link
• Email Link

Module 7: Form

• Create Form
• Form Attribute
• Password
• Multiple Text
• Checkbox
• Radio Button
• Select Box
• Button

Module 8: HTML5

• Sematics Tags
• Media Tags

Module 9. CSS Basic

• What is CSS? 
• Default Browser Style
• CSS Syntax
• Authoring Options 
• How browsers apply styles
• Browser rendering differences

Module 10. CSS Selectors

• Element Selector
• Class Selector
• ID Selector
• Descendent Selector
• Grouping Selector

Module 11. CSS Properties

• Fonts
• Color
• Box Model
• Padding
• Margin
• Border
• Table
• Background
• Links

Module 12. CSS3

• Rounded Corners
• Shadows
• Media Queries

Khalid Al-Kathiri is a Software Engineer, Senior International Corporate Trainer, Content Developer and Author. He Specializes in Java, Full Stack Web Applications and Full Stack Mobile Application Android.

He has conducted training for Google projects in SouthEast Asia, such as GMBO, Google Web Academy / Myuni Alliance with MDec, and also internationally on Android Development.

He has vast experience and certified in many technologies including but not limited to HTML5, Google Online Professional, Google Cloud Professional, Odin Cloud University for Odin Certified Professional both Operation Automation and Business Automation.

He is proficient in Java Servlets, Filters, Android, JSP, JSTL, EL, HTML5, XML, and Tomcat, Google Cloud App Engine, Red Hat Cloud Openshift