Member Avatar for Siberian

Looking for book or video Recommendations for learning separately HTML and CSS. Online resources are helpful to learn but IMO some need a starting point. Online resources become understandable once the foundation is understood depending on the person because as we all know CSS has plenty of techniques.

  • 9 Contributors
  • 8 Replies
  • 217 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by menchester03

Dani AI

Generated

— separating HTML and CSS study is a smart move. Several members here suggested books and tutorial sites (see posts by , , , , and ). A practical, testable workflow that complements those recommendations is: master HTML structure and semantics first; then learn CSS fundamentals, cascade and layout. Pair a single structured learning resource with short, focused projects and daily reference lookups.

Start with small, concrete HTML projects: a one-page resume, a three-page site with navigation, and a contact form that uses labels and required fields. Focus on correct nesting, semantic elements, form controls and accessible attributes. Keep presentation out of the markup by linking an external stylesheet:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header><h1>Site title</h1></header>
  <nav><ul><li><a href="index.html">Home</a></li></ul></nav>
  <main><article><h2>Heading</h2><p>Content</p></article></main>
  <footer>Copyright 2026</footer>
</body>
</html>

When moving to CSS, learn selectors, specificity, the box model, and how positioning, Flexbox and Grid solve layout problems. Practice converting a fixed layout to a responsive one with media queries. Small CSS starter rules to use everywhere:

* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, sans-serif; }
nav ul { list-style: none; padding: 0; display: flex; gap: 12px; }
.container { display: grid; grid-template-columns: 1fr 3fr; gap: 16px; }

Quick troubleshooting checklist: confirm the stylesheet path and rel="stylesheet", clear cache, inspect rules with browser devtools to see specificity or inherited styles, check for unclosed tags that break layout, and validate HTML structure. Measure progress by finishing three projects (single-page, multi-page nav, responsive component) and by reading targeted reference material suggested earlier in the thread. This approach blends the book-style foundation many suggested with the hands-on tutorial practice others recommended.

Recommended Answers

All 8 Replies

Member Avatar for teedoff

Yes, w3schools.com is very good. Another good site is Alist Apart.

As far as books, I liked "New Perspectives HTML and XHTML 5th Edition comprehensive"

Starts with the basics, has downloadable files to work through, and gets you started using a simple text editor like notepad. It's fairly cheap as well.

Edited by teedoff because: n/a
Member Avatar for Usernamex235

As @Andrew Collings posted, w3shools contains a wealth of information, presented in a really easy-to-understand way.

I'd recommend checking out the HTML and separate CSS tutorials on Tizag. Once you've got to grips with those they offer tutorials where you learn to build a simple HTML/CSS site from the ground up.

Good luck :)

Member Avatar for SgtMe

I would agree that W3 have a great CSS tutorial. It helped me out when I was creating CSS styles for Windows 7 Sidebar gadgets. Not sure about their HTML tutorial but they seem like a pretty good site.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.