1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Creating links for subpages

Discussion in 'HTML & Website Design' started by Cinderella, Apr 14, 2011.

0
  1. #1
    Hello everyone!

    I'm new here and a beginner at HTML/CSS. Would appreciate any help :)

    How do you create links for subpages? Here's what I mean. On left side of the web page, you have, say a menu:

    Home
    Gallery
    Products
    Shipping info
    Terms
    About
    Contact

    After creating web page in CSS editor, and copying it to HTML editor, how do you go about creating sublinks for above mentioned?
    You make copies of the main .html document in HTML editor for each subpage (gallery, products, terms etc). I understand you need to make links for every and all subpages but the one you're editing (you're on page gallery, and make links for home, products, shipping info, terms, about, contact). Now the question is: how do you do this? Which anchor do you use? Could someone show me with an exact example?
    And then, where do you copy these anchors for links (I am using a Kompozer)? Where do you "squeeze" these anchors in in <body>?
    For example, if you have

    <body>

    <div class="gallery"></div>
    <div class="shipping info"></div>
    <div class="terms"></div>
    <div class="about"></div>
    </body>

    Where do you put anchors for links?
    So that when you click, for example, shipping info, you, well, go to a new page titled "shipping info"?

    A detailed explanation on how to create anchors and where to put them in HTML editor would be much appreciated.

    Thank you :)
     
    Cinderella, Apr 14, 2011 IP
  2. Sepehr

    Sepehr Peon

    Messages:
    568
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #2
    This is how you do it:
    <a href="FILENAME.html">PAGE NAME</a>

    If the FILENAME.html is not the same directory you'll address it like this:
    <a href="FOLDER/FILENAME.html">PAGE NAME</a>

    As to where to put them, you just put them anywhere you want them shown. If you want a sidebar you'll code 2 DIVs: one for the main content on the left and one for the sidebar on the right. and you put your <a> tags in the side bar's code.
     
    Sepehr, Apr 14, 2011 IP
  3. livinmanavalan

    livinmanavalan Peon

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    u =can use dreamweaver for add a link to sub pages easily. you just select the word in the main page, which u want give link to the sub page and call the html file of sub page from where u have saved.
     
    livinmanavalan, Apr 19, 2011 IP
  4. Sufyan Assauri

    Sufyan Assauri Greenhorn

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    The easiest way is to enter the menu page> edit in the option you enough to tag the appropriate topic page
    and to create a submenu, you simply provide the exact same taq taq existing yard you want to make the main menu. This method is simple and fast
     
    Sufyan Assauri, May 29, 2014 IP
  5. JSMark

    JSMark Well-Known Member

    Messages:
    45
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    120
    #5
    To create links for subpages in HTML, you need to use the anchor tag <a> and the href attribute to specify the URL of the page you want to link to. Here's an example of how you can create links for the menu you provided:

    <body>
  <nav>
    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a href="gallery.html">Gallery</a></li>
      <li><a href="products.html">Products</a></li>
      <li><a href="shipping.html">Shipping info</a></li>
      <li><a href="terms.html">Terms</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
  <div class="content">
    <!-- Your page content goes here -->
  </div>
</body>
    PHP:
    In the above code, we have a <nav> element containing an unordered list <ul> with each menu item as a list item <li>. Each list item contains an anchor tag <a> with an href attribute specifying the URL of the corresponding subpage.

    When a user clicks on one of the menu links, they will be taken to the corresponding HTML page. For example, clicking on "Shipping info" will take the user to the "shipping.html" page.

    You can add this code to the top of each HTML page in your site, so that the menu is available on every page. Just make sure to update the href attributes to point to the correct URL for each page.

    Hope that helps!
     
    JSMark, Apr 11, 2023 IP