Introduction to HTML Complete Beginner to Expert Course

Explore how the pre tag preserves whitespace and line breaks, rendering exact formatting in the browser, while showing why nested paragraphs inside pre are not ideal.

Learn how HTML entities render special characters in HTML using ampersand-encoded references. These entities cover less-than, greater-than, line breaks, and spaces, always starting with ampersand and ending with semicolon.

Explore HTML text formatting by comparing bold and italic using b, strong, and em, and practice semantic usage while experimenting with small, mark, del, ins, subscript, and superscript effects.

Explore common html text formatting options, including underline, strike, small and big text, acronyms, quotes, cite, and code blocks, with practical examples to compare their semantic meanings.

Practice text formatting in HTML by turning plain text into paragraphs and lines with line breaks, and applying semantic formatting using strong and em for bold and emphasis.

Explore how divs and spans organize content using block and inline behavior, with attributes like style, class, and id to structure pages.

Learn how HTML5 semantic elements like header, nav, section, article, aside, and footer replace divs to add meaning to page structure, improving readability in source code while preserving display.

Transform a basic page into a structured HTML document using semantic elements like header, nav, main, section, aside, and footer, and apply strong and em tags.

Use placeholder content, such as lorem ipsum generated by an HTML strip tool, to preview layouts and build realistic web pages with adjustable paragraphs, headers, bold text, links, and lists.

Master hyperlinks with the anchor tag, set target attributes to open in new windows, create bookmarks, and link both within-page and to external sites.

Create a navigation area with hyperlinks and id-anchored sections. Link to an external site using target blank and to another page in your folder, like sample two.

Learn to add images to a web page using the img tag with a src path, supporting jpeg, png, and gif, including alt text and optional width or height.

Practice adding images with both relative and absolute paths. Adjust image width and create a hyperlink that opens the absolute-path image in a new tab.

Explore how HTML lists organize content using unordered, ordered, and description lists, with nesting and styling options like start values, list types, and the style attribute.

Transform the navigation into an unordered list by placing hyperlinks inside list items, using the starter file for exercise five to practice building a web navigation with lists.

Rebuild the first website by applying headings, paragraphs, and unordered lists, add anchor links with hrefs or placeholders, and reinforce the head and body structure.

Practice building nested lists in HTML by creating unordered lists within list items, including doc type, HTML head and body structure, and proper closing tags to represent a web page.

Explore how HTML tables add structure to content using the table tag, rows, and cells, and learn to use thead, tbody, tfoot, colspan, and rowspan for flexible two-dimensional layouts.

Explore HTML table styling using a style tag for consistent td styling across the page, compare inline attributes for individual cells, and learn options for border color and background.

Build an HTML form using various input types, including text and submit. Learn to use name, id, value, and label attributes for meaningful backend data submission and HTML5 validation.

Create a contact form from scratch with username, email, and message fields using labels, inputs, and a textarea; enforce HTML5 validation, max length, and required attributes, and a submit button.

Use action and method to route form data to a server or new page, compare get and post, and note placeholder text and pre-defined values in inputs and text areas.

Build a contact form from scratch using form tags, inputs for name and email, a message textarea, and a submit button, with server submission and placeholder usage.

Explore HTML5 input types and their attributes, including color, date, number, range, file, and pattern, and learn how placeholders and validation guide user input.

Explore html5 forms and build an advanced form with select, radio, checkbox, and password inputs; practice labels, ids, and subject options to capture user data.

Group form fields with HTML fieldset and legend to create a neat, structured form. Use input types like text, email, date, and numeric, and apply required validations.

Practice building an HTML5 form from scratch, including radio inputs with labels, age with min and max, a fruit input, data list, email, text area, and submit button with validation.

Learn how iframes embed content from external or internal sources into your HTML, configure id, title, width, height, and a source, and explore relative and external links and framing limitations.

Build a complete three page HTML site from scratch, including a home, about, and contact page with navigation, a form, images, and a table.

Build a mini website from scratch using the course's included source code and PDFs. Explore resources like the lorem ipsum generator and HTML element reference to reinforce learning.