Member Avatar for sri28

Hi
I am newbie to HTML & css.
can any one gudie me from where to start.
pls reply ASSP.

Regards
Sri.

  • 10 Contributors
  • 9 Replies
  • 502 Views
  • 3 Months Discussion Span
  • Latest Post Latest Post by peter_budo

Dani AI

Generated

A short, practical starter plan for . Several replies here (notably , , and ) point to tutorials — those help, but beginners get much more from a clear, hands‑on path and small projects. Focus first on structure, then on styling, then on layout and accessibility.

Step-by-step: learn HTML semantics (headings, paragraphs, lists, anchors, images, forms) and the idea of a valid document (DOCTYPE and charset). Next study CSS basics: selectors, the cascade, specificity, the box model, and how display and position work. After that learn layout techniques (Flexbox first, then Grid) and responsive design with media queries (mobile‑first). Keep styles in external .css files and use semantic tags where possible. Early attention to accessibility (alt text, labels, logical heading order) pays off.

A tiny, modern starter template to use as a base:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>My Page</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <main>
    <h1>Welcome</h1>
    <p>Start small and iterate.</p>
  </main>
</body>
</html>

Practical workflow and common fixes: use a code editor (for example, VS Code), open the page in a browser and experiment with the inspector, work from a local folder and use a simple live‑reload tool. Start with tiny projects (one-page profile, a form, a nav) and push them through small edits. Common beginner problems are unclosed tags, wrong nesting, missing DOCTYPE (causes quirks mode), and unexpected specificity. When asking for help here, post a minimal reproducible example and state which browser shows the issue. Note: ’s post shows the basic idea of an HTML file but omitted DOCTYPE and the closing head tag — the template above avoids those pitfalls.

Recommended Answers

All 9 Replies

Member Avatar for Andrew_b 
<html>
 <head>
  <title>Your Page</title>
 <body>
  <P> Welcome to my page!</P>
 </body>
</html>

Thats a basic html file.

Member Avatar for sreein1986

this web sites are belongs to CSS style sheet

http://www.mandarindesign.com/style.html
http://www.positioniseverything.net/
http://www.meyerweb.com/eric/css/

http://www.thefixor.com/code_css_01.php
http://www.alvit.de/web-dev/index.html
http://www.alistapart.com
http://www.zeldman.com
http://www.w3schools.com/
http://www.westciv.com/style_master/
http://www.htmlhelp.com/reference/css/
http://www.thenoodleincident.com/tutorials/css/



Java Script/Dhtml

http://javascript.internet.com/
www.javascript.com
www.javascriptsource.com
www.free-javascript.com
http://www.simplythebest.net/scripts/
http://www.free-javascript.com

and i will send html websites in my next repy

Member Avatar for leiken

I find these references fast and easy to use:


Member Avatar for Shanti C

www.w3schools.com is ever best for beginners....
And all the best to you for your programming...

Member Avatar for buddylee17

www.w3schools.com will hold your hand through every step. By the time you're done there, you won't need any of the other links mentioned.

Member Avatar for peter_budo

5 out of 8 replies (not including my) mentioned same link, w3schools. I know repetition is good for memory but you just over done on this ...

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.