Learn HTML Basics

Discover how HTML, hypertext markup language, marks up content to describe the structure of a web page and how a browser renders linked resources using tags.

Define tags as opening or closing markers, including self-closing forms. Show that an element spans from the start tag to the end tag with content, while attributes add properties.

Choose a browser—Google Chrome, Firefox, or Internet Explorer—and install a code editor such as Brackets, Notepad++, Visual Studio Code, or Atom, using Brackets' live preview to write and test HTML.

Learn how to structure an html page by creating a simple document with doctype, html, head and body, then add metadata, a title and visible content like headings and paragraphs.

Learn about html headings from h1 to h6, observe their different font sizes and the new line, and understand using a main heading with subheadings to structure content.

Learn to write paragraphs and comments in HTML using the <!-- ... --> syntax, with boilerplate setup and multiple paragraphs.

Learn how to add horizontal lines and line breaks in html using hr and br tags to neatly separate sections and control text flow, including self-closing tag usage.

Apply strong, underline, italics, and emphasis styles to text in a web page using HTML tags. The lecture shows practical examples and live previews of bold, italic, and emphasized text.

Learn how pre and code tags preserve formatting and display code by embedding exact spaces and newlines, using pre for exact output and code for code snippets.

Explore HTML lists, including definition lists, ordered lists, and unordered lists, learn when to use each for dictionaries, tables of contents, and bullet-point itemization.

Learn to create hyperlinks with the anchor tag to navigate between home, about, and contact pages, and to open external sites in a new window using target _blank.

Create HTML tables by building headings, rows, and columns, then apply borders, cell spacing and padding, set width, and use column and row spans, captions, and thead, tbody, and tfoot.

Learn to embed images, videos, and audio in a web page using img, video, and audio tags with src, type, and width and height attributes, including figure captions.

Learn to build HTML forms with form, fieldset, legend, labels, and inputs (text, email, password, number, radio, checkbox, textarea), selects and buttons, and understand get vs post and action attribute.

Create a newspaper-style web page using basic html tags, including headings, subheadings, paragraphs, italics, bold, lists, links, and a simple article structure.