HTML & CSS - Certification Course for Beginners

Learn how HTML instructs web browsers to display pages, controlling fonts, colors, graphics, and hyperlinks, and practice interpreting page source to understand how the code renders a site.

Learn to structure a basic html document with the doctype declaration and the html tag as the building blocks, using html5 for flexible markup and proper opening and closing tags.

Explore the head tag structure, including title, meta description, charset UTF-8, and viewport, and see how CSS style and a sample JavaScript function reside in the head.

Explore the html body tag and its visible content in the browser, including text, hyperlinks, images, tables, and lists, plus a JavaScript function converting lowercase to uppercase.

Apply paragraph spacing by wrapping text in opening and closing p tags, save the document, and preview to separate multiple lines on a web page.

Learn to insert a line break tag to create a single line break inside a paragraph, avoiding the large gap of a paragraph, and does not require a closing tag.

Explore how whitespace collapses in HTML and learn to insert additional spaces using a non-breaking space tag, demonstrating five visible spaces between lines in the browser.

Learn how to use HTML header tags to create emphasized text such as titles or headings, insert h1 through h4 to show size differences, and preview results in the browser.

Learn HTML text formatting by applying bold, italic, underline, and strike-through with strong, em, u, and strike tags, create line breaks, and preview results in a browser.

Explore inline text formatting using the font tag to set Arial, adjust size, and apply blue color to a header. Save and preview in the browser.

Learn to add an unordered list to a document by inserting an h3 header, creating a ul with li items, and previewing the result in a browser.

Learn to create HTML ordered lists using the ol tag, with automatically numbered list items and clear heading structure for accessible, organized content.

Insert images into HTML documents using the image tag, src, width, and height, with both relative file references and an external URL to demonstrate absolute referencing; preview in the browser.

Learn how to embed videos with the HTML5 video element, set width and height, use controls and autoplay, provide a source and type, and offer a fallback.

Examine absolute versus relative file referencing using the video element and images, showing how to use relative paths for same-folder files and absolute paths for external sources.

Create image and text links using the a tag and href, linking to Miami.com, and open them in a new window with target _blank.

Learn to create in-page navigation with anchor tags by assigning named anchors to five article headings and linking them from a table of contents, then preview to verify.

Create HTML tables by defining rows and columns, apply borders, padding, and spacing, set width, add headings and data, and preview in a browser.

Discover how to nest tables in HTML, differentiate parent and nested tables, and control layout by resizing widths in percent and pixels with live browser previews.

Merge table columns by removing the second column in the first row and applying the colspan attribute to the first cell, producing a single combined header and streamlined table.

Learn to prevent text wrapping in a table by applying a no wrap attribute to a column, keeping the text on one line and expanding the table.

Apply a background image to an HTML table using the background attribute with a relative file path. You can also apply it to table rows and to table columns.

Learn how to align table contents using the td align attribute, placing values in columns and shifting text to the left, right, center, or justified alignment.

Create the front end of an HTML form to collect name, email, subject, and message, and explore client side and server side validation and data processing.

Learn to build an employment application form using html form tags and attributes, including text fields, select menus, checkboxes, radio buttons, and text areas within a two-column table.

Compare the get and post methods for transmitting form data. Get appends name-value pairs to the url, while post places data in the http message body.

Create an employment application form by adding a heading, labels for first name and last name, and text input fields with simple lowercase name attributes, enforcing a 50 character max.

Create HTML forms with select tags to build drop-down menus, name the fields (position, experience), define option tags with two-character values for database submission, and preview in the browser.

Create a form with checkboxes for job type and radio buttons for employment status, naming inputs and grouping radios for single selection, then preview the result.

Learn to add a text area labeled additional comments, configure width with cols and height with rows, and add submit and reset buttons linked to send it dot BHP script.

Explore how iframes embed content from another source to display search engines like ask.com and bing.com on a page, using the iframe tag with src, width, height, and fallback text.

Practice building a complete HTML home page using inline styles and table-based layouts to reinforce introductory HTML skills, including object insertion, text formatting, form development, and basic styling.

Create header with navigation labels using a new HTML file and a nested table. Set up header as a full-width 60px bar with white text and five centered link columns.

Create a full-width header callout bar with a nested two-column table displaying the website name and a right-aligned 'call us today' phone number.

Insert an image into a table by creating a nested table, centering the column, and setting the image source, width, and height, ensuring HTML file stays in the same folder.

Create and style an html table to insert text, including setting column height, horizontal and vertical alignment, and nesting a table inside a column with a font attribute.

Create a contact us today link as an orange button and newsletter signup form in a table, with a 'register for our newsletter' heading and an email input.

Build a 3-column, 2-row table with bold headings and an unordered list, using specific widths of 268px and 290px, then add the second row and footer.

Create a black background footer table containing navigation labels: home, about, services, clients, contact, and the copyright line; apply the font attribute, then save and refresh to see the page.