Essential HTML, CSS & HTML5 Training

Explore cascading style sheets and the separation of content from presentation, using external, internal, or inline CSS with selectors, declaration blocks, and units like px, pt, or percent.

Learn to choose colors with a color picker and apply them via hex or rgb values. Link a CSS file to HTML and understand cascading rules for headers and paragraphs.

Learn to apply color in web pages using hex values, rgb values, and color keywords, and master text and font styling with font families, sizes, weights, styles, transforms, and alignment.

Learn how to use css style properties to adorn HTML and style typography and images, while organizing files (cssus, images) and linking styles.css for a Shakespeare sonnet display.

Explore the CSS box model to control content placement using margin, border, padding, and content. Use side-specific properties and shorthands, and set width, height, or auto values without negative values.

Explore the CSS box model and how margin, border, and padding control element placement. Adjust width, height, and percent values to see their impact on layout and edge alignment.

Leave a review to help improve the course materials; rate this course with stars and share comments to support ongoing training quality.

Explore block and inline elements, and how div and span group HTML with class and id attributes. Learn abbreviations, quotes, code, pre formatting, and meta and definition lists.

Explore the div tag, its class and id attributes, and how CSS selectors target grouped content to style pages, using Google fonts, hover effects, and HTML structure.

Discover how html5's semantic tags like header, footer, nav, and figure provide meaningful structure. Examine the time tag's date time attribute and the audio and video tags, with cross-browser considerations.

Demonstrates building a web page with header, nav, video, and footer using HTML5 tags, CSS styling for a dropdown navigation, and a sample embedded video with controls.

Explore the essentials of CSS, including rule sets, class and id selectors, grouping, nesting, pseudo classes and elements, background and display properties, and the rules of specificity in cascading order.

Explore the CSS block model and how fixed, relative, and absolute positioning shape element placement, plus a pure CSS popup using hover without scripting.

Discover how the CSS position property offers absolute, relative, static, and fixed values, positioning elements relative to a parent or the viewport, with top, right, bottom, and left controls.

Designs a visually pleasing, functional web site using CSS concepts, featuring a header container, navigation tabs, content clearly separated by a break line, and a membership form.

Build a web form using field sets and legends to collect membership and payment details, with radio buttons for payment type and cascading styles for consistency.

Master advanced css techniques by learning float-based layouts with clear fix technique, relative, absolute, and fixed positioning, plus z-index for depth, and building usable dropdown or tabbed menus.

Explore building a button-based navigation menu using an unordered list and CSS styling, with hover and active states, border radius, text shadow, and cross-browser considerations for rendering engines.

Explore building an accordion-style navigation menu with css, using ids, classes, and anchors; implement submenus and smooth transition, and leverage a reusable css library for web sites.

Explore five pure CSS navigation menu options—tabbed, dropdown, button-based, accordion—plus color, graphics, and embossing text effects, with hover transitions and background image techniques.

Develop proficiency in HTML and CSS through demonstrations and hands-on practice, building web pages from design images, with follow-on courses in JavaScript, PHP, and MySQL.

Explore the essentials of HTML5, understand what HTML stands for, and learn the basics of HTML5 markup, tools like Chrome and Sublime Text, and course format including summaries and quizzes.

Explore the simple HTML5 doctype, understand why doctype matters for rendering and validation, and learn how the meta charset attribute sets UTF-8 encoding to support diverse languages.

compare and contrast an html5 document with its html4 counterpart, focusing on header, navigation, main content, sidebar, sections, articles, and footer, plus doctype and charset details.

Learn how HTML5 elements like figure, time, mark, and the details/summary dropdown function. Explore their purposes, attributes such as date time and pub date, and practical usage.

Learn to use HTML5 form inputs and attributes, including color, date, time, week, email, pattern, autocomplete, and placeholder, and explore datalist, progress, meter, and output widgets.

Explore scalable vector graphics, a non-pixel image format that draws shapes with svg markup, delivering zoomable, high-quality illustrations. Learn shapes, paths, animation, and basic effects.

Explore the video and audio elements, their attributes like width, height, controls, poster, loop, autoplay, and muted, and learn to use track elements and text tracks for subtitles and captions.

Learn how to annotate HTML with microdata using schema.org vocabularies, adding itemscope, itemtype, and itemprop attributes to declare a restaurant menu and its items.

Explore the math element and mathml for expressing formulas in the browser, and contrast the canvas element’s javascript-driven drawing and animation with svga, noting browser support with firefox and chrome.

Finish the video series with a twenty-question quiz to test your knowledge of the various elements you've learned, and I enjoyed creating this conclusion; until next time.