HTML & CSS - Certification Course for Beginners

Master HTML fundamentals, including tags, attributes, and page structure, and build pages with images, videos, tables, forms, and a complete project.

Discover how HTML, the hypertext markup language, describes the structure of a web page and uses tags to mark up content like paragraphs, images, headers, and footers for browser display.

Define tag, element, and attribute, and distinguish opening and closing tags, starting tag, ending tag, and empty self-closing tags with examples like br and href attributes.

Learn to download and install Notepad++ on Windows, choose 64-bit, accept license terms, create a desktop shortcut, and start using this powerful editor for programming languages.

build a simple html page by defining doctype, html, head, and body sections, add charset and title metadata, and render content with p and h1 tags.

Learn the html head tag and its role in a web page’s structure, including the title and meta description that inform browsers and search engines.

Explore the HTML body tag as the content area of a web page, showing basic text, hyperlinks, images, tables, lists, and forms, with internal CSS to change text color.

Wrap text in opening and closing paragraph tags to create paragraph spacing between lines, save the file, and view the separated lines in the browser.

Compare paragraph tags and br tags in HTML to manage line breaks, and learn to produce single-line and multi-line outputs in the browser.

Explore how HTML ignores ordinary spaces and use non-breaking space tags to control text spacing, showing how to insert multiple spaces beyond the browser's default.

Create headings using header tags from h1 to h6, learn how each level shows a different size, and insert and close these tags to build six headers.

Learn how to format HTML text using strong, em, u, and strike tags. Add line breaks with br and correctly close tags to combine bold, italic, and underline effects.

Explore inline text formatting with the font tag to set font face, size, and color, illustrated by Arial blue headers, while noting CSS offers a more efficient approach.

Learn to create an unordered list in HTML using ul and li inside an h3 heading, with items like basketball, soccer, hockey, and football, and preview results in a browser.

Learn how to create ordered lists in HTML with the ol tag and li items, including a header example and items Miami, New York, Florida, and Vegas.

insert four images using the image tag in an html heading, showing relative references for three images and an absolute reference from a url, then preview in a browser.

Learn to embed HTML5 videos using the video element, set width or 100%, include controls and autoplay, specify mp4 with a source tag, and place files in the same directory.

Master absolute and relative file references in HTML, using the video source attribute for local files and full URLs for external resources.

Create image and text links in an HTML document by wrapping images with the a tag and href, then set target to _blank to open in a new window.

Link table of contents items to article headings with the anchor tag. Assign id attributes to headings and use href with a leading # to jump to content.

Create html tables by building rows and columns with table, tr, and td elements, and set width, border, padding, and spacing for full width or fixed layouts.

Learn how to create nested tables and understand how a parent table's width affects a nested table, including examples with 100% and percentage widths, borders, and responsive behavior.

Learn to merge table cells in HTML by removing a column and applying the colspan attribute with value 2 to the first cell, spanning two columns in the first row.

Learn how text wrapping works in HTML tables and use the nowrap attribute on a column to keep text on a single line as the table expands.

Apply a background image to an HTML table using the background attribute, using Sky dot jpg via a relative path; save and refresh to view the table.

Learn how to align table cells in HTML with the td align attribute, using right, left, and center options and previewing changes in the browser.

Build a frontend HTML input form to gather user data such as first name, last name, country, and subject message, then validate on both client-side and PHP server-side.

Create an employment form using an html table layout with text fields, selects, checkboxes, radio buttons, a textarea, and submit and reset buttons, named form employment, posting to send.php.

Compare get and post methods for transmitting form data over http: get appends name-value pairs to the url and remains in browser history; post sends them in the http body.

Create an employment application form with first name and last name labels, two text inputs named fname and lname, max length 50, ready to transmit data to a PHP script.

Create html forms with select menus, assign name and two-character option values, and submit via php to store selections in a database; preview in the browser.

Learn how to build HTML forms using checkboxes for job type (full time, part time, contract) and radio buttons for employment status, with proper name attributes and radio groups.

Create a multi-line text area with name, cols, and rows, with scrollbars for long input. Add submit and reset buttons and set the action to the send dot php script.

Learn to build html forms that collect user input using diverse input types, including checkboxes, radios, selects, and date or color fields. Master form attributes like action and method.

Build a complete HTML page using only HTML and inline styles to practice text formatting and basic styling, while exploring table-based layouts and form development.

Build the header with navigation labels by creating a new HTML file, a 100% width black header table, and a nested five-column table for white Verdana-styled links.

Learn to build a callout bar within a header using nested tables to display your business name and phone number, with responsive width and light gray styling.

Insert the main image into a nested table under the callout, center its column, set the image source and width and height, then save and refresh to view.

Create a table under previous one, add a 72-pixel high center-aligned column with top alignment, nest a table inside, set width to 726 pixels, apply font styling, save, and refresh.

Create a contact us today link and a newsletter signup form using HTML tables, including an orange section, post action to send.php, and an email input with submit button.

Create a three-column, two-row HTML table with headings in the first row and text plus unordered list in the second, including a nested table, then save to view the footer.

Create a footer in HTML and CSS using a black-background table, navigation links (home, about, services, clients, contact) and a copyright line; save and refresh.