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.

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 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.

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.

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.

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.

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.

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 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.