HTML5 and CSS3 Bootcamp 2021

discover how to set up notepad++ as your code editor, download and install it, and compare its features with the simple notepad for coding.

Discover how HTML elements use attributes to add information, using name-value pairs in the start tag. Learn how attributes like lang improve accessibility for screen readers and search engines.

Learn how to create HTML paragraphs and headings with the p tag and h1–h6. Use line breaks and horizontal rules to format text.

Learn how HTML comments work, using <!-- and --> to annotate code; these notes are visible to developers, not displayed in the browser, and serve as reminders for changes.

Learn to use the anchor tag to link to images, including setting href, wrapping an image or linking text, and handling same-folder and different-folder paths with forward slashes.

Learn how to insert an image in an html page with the img tag, using src and alt attributes, and adjust size via width and height.

Learn to map an image by loading images from a server, creating a clickable image map with map and area elements, and linking specific regions to destinations.

Explore block level elements in HTML, including headings, paragraphs, lists, tables, and div containers, and learn why they start on a new line and how to style them with CSS.

Discover inline elements, including the span tag, which stay on the same line, hold small pieces of text, and can be styled with CSS.

Create a dropdown list with the select tag, add options with values, assign names to fields, and include a text area, field sets, option groups, and submit button for forms.

Explore input element attributes such as name, value, read only, and disabled, and control field size and max length; learn to use auto focus and placeholder text to guide users.

this lecture explains form attributes in html5, including accept-charset and utf-8, autocomplete, required, and enctype choices, plus pattern validation, input types (image), and how form data is encoded and submitted.

Embed video in html using the video tag, supply an mp4 source, apply controls, autoplay, muted, preload, and poster, with fallback text for unsupported browsers.

Learn how to embed multimedia with object and embed elements in HTML pages, using data, width, and height to include images, audio, and video, with fallback text.

Learn to embed YouTube videos in an HTML page using iframe, object, and embed methods with practical examples and fullscreen options.

Learn how to apply css using external, internal, and inline styles; create and link an external css file, and apply it across pages or to specific elements.

Learn to style text with CSS by applying color (hex and rgb), alignment, decorations, transforms, indentation, line height, and spacing, plus direction and white-space controls.

In html5 and css3 bootcamp 2021, learn to style html anchor tags with css across normal, visited, hover, and active states, using color changes, text-decoration, and css selectors.

Explore how margins in CSS create space around elements, move elements, and adjust top, right, bottom, and left values, including shorthand margin for layout control.

Explore css dimensions by setting element height, max-height, and min-height in pixels to adapt layout on mobile and other screens.

Explore styling HTML tables with CSS, adding borders to table, rows, and cells, using border-collapse, setting width to 100%, and styling the table heading with padding, alignment, and color.

Explore how a div acts as a container, then apply border, color, background color, font family, font size, height, width, margin, and padding to style and center content.

Explore styling html5 semantic elements such as header, section, article, aside, and nav. Apply css properties like border, color, background, font-size, and padding to them.

Learn positioning, starting with static positioning as the default and how the position property governs elements, with a focus on absolute positioning and left top corner.

Learn how to use absolute positioning to place elements anywhere in the page, control top, left, bottom, and right offsets, and manage overlapping using z-index.

Learn to use the CSS clip property with absolute positioned elements to reveal a defined rectangular portion of an image, using top, right, bottom, and left coordinates.

Learn to manage content that overflows an element using the css overflow property. Explore hidden, scroll, and visible values for divs and text on mobile and desktop.

Explore the css opacity property to control transparency of images and paragraphs, with values from 0.0 to 1.0. See how lower values increase transparency and higher values reduce it.

Learn how CSS pseudo elements style the first line and first letter of a paragraph, insert content before and after elements, and customize text with the ::selection rule.

Discover how CSS pseudo-classes define an element's state with a selector and a colon. See states like normal, visited, hover, and active, and learn about :not and :empty selectors.

Learn to build an image gallery using divs, image and anchor tags to open a full-size image on click, with CSS styling for borders, margins, hover effects, and centered details.

Apply an image as a border using the CSS border-image property, including source and slice. Configure fill, repeat, and outset to control how the border renders.

Learn how to use multiple background images in CSS, control each image with background-position, background-size, and background-repeat, and apply the shorthand background property for the body and other elements.

Learn css3 background properties and how background-position interacts with border-box, padding-box, and content-box origin, with a hands-on div demo applying a red background to reveal placement.

Explore CSS3 shadows by applying text-shadow and box-shadow properties, adjusting horizontal and vertical offsets, blur radius, and color to create multi-shadow effects on text and boxes.

Explore extra css3 text handling properties, focusing on overflow signaling with text-overflow, ellipsis, clip, and visible, and manage long words with word-break inside containers.

Learn how to implement web fonts with @font-face, define font-family, and serve font files from your server to ensure consistent typography across browsers.

Learn how CSS3 transitions animate property changes by applying duration, delay, and timing functions to elements, including color and other properties, with shorthand syntax.

Explore css3 3d transforms, using rotate, translate, and scale in 3d space with translate3d, and apply perspective to control depth and back face visibility.

Master css3 animations by defining keyframes, applying them to elements, and controlling duration, delay, iterations, direction, timing functions, and the shorthand animation property.

Learn to structure a basic html page, including doctype, html, head with charset and title, a linked css file, and a main body with header, slider, and gallery.

Reset body margins and padding, apply a red background, and style the header and main area with min-height, overflow, bottom margin, 10px padding, 25px border radius, and a logo.

Create and style a website footer by building the navigation and menu, adding social icons and a copyright text, and applying CSS for hover effects and layout.