Member Avatar for ash14val

How to do coding for home page actually want to make button like , home. Aboutus contact signin sign up

  • 4 Contributors
  • 3 Replies
  • 106 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by Software Development

Dani AI

Generated

— the goal (Home, About, Contact, Sign in, Sign up) is a standard site navigation pattern. Replies from and pointed toward using links and learning HTML/CSS; raised a concern about CSS and search engines that needs clarification below. The following shows a simple, accessible structure and styling that makes links look like buttons and works on desktop or mobile with minimal changes.

<nav aria-label="Primary">
  <ul class="nav">
    <li><a href="/home" aria-current="page">Home</a></li>
    <li><a href="/about">About</a></li>
    <li><a href="/contact">Contact</a></li>
    <li><a href="/signin">Sign in</a></li>
    <li><a href="/signup" class="btn">Sign up</a></li>
  </ul>
</nav>

<style>
.nav { list-style:none; margin:0; padding:0; display:flex; gap:10px; }
.nav a { display:inline-block; padding:8px 14px; border-radius:4px; text-decoration:none; color:#222; background:#eee; }
.nav a.btn { background:#007bff; color:#fff; }
.nav a:hover, .nav a:focus { box-shadow:0 0 0 3px rgba(0,123,255,0.12); }
</style>

Notes: use the semantic <nav> and an unordered list so screen readers and search engines understand the site structure. Use aria-current="page" on the active link and :focus-visible (or :focus) to keep keyboard users visible focus. For actions that change the page state without navigation (open a modal), use <button>, but for navigation use anchors with real href values so crawlers and middle-click/keyboard navigation work.

Troubleshooting: if styles don’t apply, check the CSS file path, specificity, and browser cache; use DevTools to inspect computed styles and network errors. The brief claim about CSS causing “Google bot spam” is incorrect — CSS alone won’t trigger penalties. What matters is whether navigation is accessible and crawlable, and that content isn’t hidden from bots or users. For semantics and accessibility references see MDN: nav element and WAI-ARIA Authoring Practices.

Recommended Answers

All 3 Replies

Member Avatar for <M/>

Can you be more clear on your question? Are you asking us how to make a button? If that is the case, here is a hint: <a href="https://daniweb.com">Home</a>... just style that with css.

If that isn't what your looking for, please rewrite your question and show us what you have attempted. No one is going to do all your work for you, espicially for free.

Consider reading this: https://www.daniweb.com/web-development/php/threads/435023/read-this-before-posting-a-question

Edited by <M/>
Member Avatar for craftkilimanj

u should consider visiting w3schools.com and going through their html & css tutiorials. u will be able to create a basic website

u can use w3schools together with codeacademy.com for faster learning

Member Avatar for Software Development

Hello,
You should follow css with better implementation as otherwise Google bot spams your site.

Edited by JorgeM because: no self promotion. use the signature tool in your profile.
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.