Member Avatar for kategirdlelock

how to design a website using html?

  • 7 Contributors
  • 6 Replies
  • 302 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by veera100
<M/> commented: kidding me, right? -2

Dani AI

Generated

For : HTML is the structural foundation, but modern website “design” is created by layering CSS for presentation and (optionally) JavaScript for behavior. Several replies correctly pointed this out (, , , ). The practical path is: plan a layout, write semantic HTML5, add mobile‑first CSS (Flexbox/Grid), test accessibility and responsiveness, then introduce JS or server code only where needed.

A minimal, practical HTML starting point:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Page title</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header><h1>Site title</h1></header>
  <nav><!-- links --></nav>
  <main>
    <article><!-- content --></article>
    <aside><!-- related --></aside>
  </main>
  <footer><!-- copyright --></footer>
  <script src="app.js"></script>
</body>
</html>

A tiny, mobile‑first CSS pattern to get started:

.container { max-width:1100px; margin:0 auto; padding:1rem; }
.grid { display:flex; flex-direction:column; gap:1rem; }
@media (min-width:700px) {
  .grid { flex-direction:row; }
  .main { flex:2 } .aside { flex:1 }
}

Troubleshooting and practical tips: ensure the <!doctype html> and meta viewport are present; confirm the CSS href path and clear cache when changes don’t appear; use browser devtools (Elements, Console, Network) to find errors; validate markup and images (alt); check keyboard navigation and color contrast for accessibility. Use small iterative steps: build one page, test in device emulation and on a real phone, then expand. Starter tutorials and templates (as mentioned by ) are useful—prefer ones that show semantic HTML and responsive CSS rather than hiding structure.

Recommended Answers

All 6 Replies

Member Avatar for hericles

Your question is unclear. Do you want to learn HTML? Because if you knew HTML your question would be redundant...

Member Avatar for veedeoo

you can start here and practice on these templates.

Member Avatar for johnmicheal

You never desigh a website only by using HTML.
There are other languages that are used to desigh a website, these languages include CSS, java script and PHP.
The combination of these languages make a website.

commented: CSS and HTML isn't a language... -2
Member Avatar for Member #120589

Unless you want to waste your time, don't post further info here. The question is ridiculous and has been posted by a member with dubious intentions. Further posts here will probably only serve to keep this empty vessel from crowding the forum's first page. Posting random bits of help will probably just earn you downvotes.

Edited by Member #120589
Member Avatar for vinod1

html is not enough to develop a qquality website. html & css both are the combination of a web page designing tool.

Member Avatar for veera100

HTML and CSS both are can be used to creat the web site.

If you know the html basics then generate the html code use notepad++, Dreamweaver or your favoure code editor.

Then save the code with .html extension.

for example: "example.html"

After that run html code with your favourite browser. Here the html content only will displaying.

If you want design the page you should know CSS style code.

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.