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

Navigation
0

I'm new to the overflow group and also to HTML. I already have the basic knowledge of html but would like to know how to create internal tags on my website to facilitate User access the Home, FAQ, Contacts etc. For example: HOME FAQ CONTACT ABOUT ME. but on affordable boards. Thanks for the response.

    
asked by anonymous 19.01.2017 / 12:42

1 answer

1

Hello! I'm not sure if I saw 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 helps to answer your question.

    
19.01.2017 / 13:20
use ref in a list without v-for vue.js Jquery Validate - Check at least 1 checkbox true