How to create internal tags on the Site. Ex: HOME FAQ CONTACT etc

Asked

Viewed 48 times

0

I’m new to the overflow group and HTML. I already have the basic knowledge of html but I would like to know how to create internal tags on my site that make it easier for the user to access the Home, FAQ, Contacts etc. For example: HOME FAQ CONTACT ABOUT ME. but in accessible tabelinhas. Thank you for the answer.

html

  • Should be more specific and detail the question. See: http://answall.com/tour

1 answer

1


Hello! I’m not sure I understand your question, but I think you’re trying to make a navigation bar. If yes, the easiest way is to use a list of items:

<nav class="n1">
    <ul>
        <li><a href="#">HOME</a></li>
        <li class="ativo_h"><a href="#">FAQ</a></li>
        <li><a href="#">ABOUT ME</a></li>
      </ul>
</nav>

And then format this list with CSS. Something like:

    * {
      box-sizing:border-box;
    }

    nav{
      display: block;
      background-color: #eee;
      width: 100%;
    }

    a:link, a:active, a:visited{
      font-family: Arial;
      color: #000;
      text-decoration: none;
    }

    a:hover{
      background-color: #CC00FF;     
    }

    .ativo_h{
      background-color: rgb(153,255,102);
      border-bottom: 5px solid rgb(102,0,153);
    }

    .n1 ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    .n1 li {
      float: left;  
    }

    .n1 li a {
      display: block;
      width: 100%;
      padding:20px;
    }

Obviously, the formatting does not have to be this and can be done in other ways, in any case I hope it will help to answer your question.

  • It is just that I wanted to know just that for being new I did not know that the correct expression is "navigation bar".

Browser other questions tagged html

You are not signed in. Login or sign up in order to post.