Web Development By Doing: HTML / CSS From Scratch

Declare the HTML5 doctype at the start of every document to signal the browser that the content will be HTML5, a declaration (not a closing tag).

Explore how white space behaves in HTML, why browsers render multiple spaces as a single space, and how cross-browser compatibility affects simple versus advanced websites.

Explore how html documents use opening and closing tags, define head and body sections, and place content inside to render in a browser.

Add a title tag inside the head to set the page title. Save the document and refresh to see the body content.

Write and structure text using h1–h6 and p tags in the body. Understand how these elements affect SEO and search engine rankings.

Learn how html5 semantic elements like header, main, section, article, and footer structure a single-page site, add navigation, and mark up the document.

Explore adding header content by distinguishing block and inline elements, managing whitespace, and using proper tags to structure a page header with a site title.

Add content to a section by using heading tags and dummy text like lorem ipsum, then wrap paragraph text and preview in the browser.

Add content to articles in HTML by using headings, a paragraph, and a list with li items for hobbies, plus contact details and upcoming styling lessons.

Explore how cascading style sheets (css) style the body to create a centered, responsive web page using width, max-width, color, and margin auto.

Learn how the CSS float property makes elements float left or right and lets surrounding content wrap. Observe overflow and wrapping with header, section, and article.

Learn to style the header with CSS by selecting elements, applying color, text alignment, and margins, and targeting nested elements with specific selectors.

Style a section using css by applying padding with shorthand, a light reddish background, and center the h2 while coloring the h2 and paragraph for contrast.

Style the articles in a responsive three-column layout using float left, 33.3% widths, and percentage margins and padding, with rgb colors for headings, text, and equal heights.

Style the footer from scratch by centering text, applying a gray background (rgb 175,175,175) and 25px padding, and clearing floated articles for a clean layout; include the next coupon.

learn to download dreamweaver with a 30-day trial, create blank html document in classic mode, and build page with header, section, article, and footer in code, split, and design views.

Explore writing css in Dreamweaver, creating body, header, and h1 and h2 rules, adjusting color, background, margins, float, and text alignment with automatic code generation.

Review the HTML and CSS basics—selectors and properties—learned in this intro course and recognize your progress after just an hour; contact via course messaging or email with questions.