Learn Professional Website Design: A-Z with Projects

Learn the basics of HTML, a markup language for formatting text and embedding images and videos, to build web pages and websites; understand tags and the basic structure.

Compare html editors from simple notepad to notepad plus plus and Visual Studio Code, and learn beginner-friendly steps toward more advanced tools like Dreamweaver.

Learn the basic HTML structure from doctype to html, including head, body, title, headings, and paragraphs, and how to save as .html (HTML5) and view in a browser.

Master html tags and their types, including paired start and end tags and unpaired tags, and the basic head and body structure with examples like title and image.

Explore HTML elements, start and end tags, and element content through examples like a heading and inline tags, including nested elements and span tags.

Learn to use HTML headings from h1 to h6 as block level elements that start on a new line and apply proper headings and subheadings to boost SEO.

Explore how the HTML paragraph tag creates a block level element that starts on a new line and spans full width, with CSS controlling margins, color, and background.

Learn common HTML tags such as code, input, hr, pre, and abbr, plus bdo with dir to control text direction, and see how they display, accept input, and format code.

Learn HTML comments, syntax with angle brackets and hyphens, and how they help designers annotate code unseen by users, labeling sections like header and body without displaying in the browser.

Explore how to use HTML blockquote and q tags to format block and inline quotations with practical examples, demonstrating margins and code snippets in a Notepad++ workflow.

Learn two quick ways to view a website’s source code, using Ctrl+U or the right-click view page source option, revealing HTML, JavaScript, and jQuery.

Explore the fundamentals of HTML, including its introduction, editors, basic structure, tags, elements, attributes, headings, and paragraphs. Learn methods to view source code and apply CSS with HTML using examples.

Learn to apply inline CSS with the HTML style attribute, including syntax and key properties like background color, text color, and font size.

Explore how to apply CSS with HTML using inline, internal, and external styles; target elements with selectors, link external CSS, and learn style priority and best-use cases.

Learn how to use HTML formatting tags to style text, such as bold and italic, apply emphasis, mark important text, insert line breaks, and create subscript and superscript.

Learn how to apply colors in HTML using color names, rgb, rgba with alpha transparency, hex values, and hsl/hsla, and see how these techniques affect background and text colors.

Learn how HTML links create hyperlinks between web pages, using the a tag and href attributes to direct users from one page to another with clickable text.

Understand absolute and relative urls: absolute paths include the protocol and domain for cross-domain navigation, while relative paths work when a complete path is not required within the same domain.

Learn to make an image a clickable link by wrapping an img tag in an a tag with a complete src and alt text, using an absolute URL.

Explore how the title attribute enhances anchor tags by providing tooltips and extra information, guiding hyperlink behavior in HTML.

Learn how to insert images with the HTML image tag, using src and alt attributes, control size with width and height, and handle missing images gracefully.

Explore how images influence search engine optimization and user experience by using attributed images and avoiding duplicates. Use alt attributes to improve accessibility and provide meaning when images cannot load.

Learn how to make an image act as a clickable link by using image and anchor tags, setting size, and directing users to a URL with relative or absolute paths.

Explore how modern browsers support the image tag across major engines like Chrome, Firefox, Internet Explorer, Edge, Opera, and Safari, and understand deprecated tags to ensure compatibility.

Learn about image extensions used in the image tag in html, including jpg/jpeg, gif, svg (scalable vector graphics), and png, and when to use each type.

Learn to create an HTML table with the table tag, add rows and data cells, and convert cells to headings; style with a background color for basic web design.

Learn how to control an HTML table's size using width and height attributes, apply sizing to rows, columns, and table headings, with practical browser examples.

Master colspan and rowspan to merge three columns into one and three rows into one in HTML tables, with hands-on practice in notepad plus and browser previews.

Explore how to use the table caption tag to title tables in HTML. Build tables with rows and columns, add a caption and headings, and preview borders in the browser.

Learn to structure HTML tables with header, body, and footer sections, create rows and labels, and merge three columns into one for clear data presentation.

Create a table heading inside a table by turning a data cell into a heading, observe borders with the border attribute, and see the heading display in the browser.