Navigation Bar Complete- How to link pages?

Question

So I'm very new to coding so forgive me if I'm not making sense. I completed my navigation bar, now, how do I add content when the user clicks on "About" "Gallery" "Resume" and "Contact" page? I have researched everywhere but no one seems to talk about the obvious next step? Would this next step still use HTML and CSS or is it now Javascript?

Would I create a separate html file for every page (About, Gallery, Resume, Contact) and add the information to each file then link it to the main index.html file?

Any help would be appreciated!

You can do this in pure html, using a `` (for about page) tag and it will take you to the page you link to with a refreshment in browser, JS let you remove the page refreshment but it is an extra layer that you don't need to understand the basics — antoni, Sep 10 '17 at 05:27
Could you please add the code you already have as a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example)? — shaedrich, Apr 07 '21 at 16:38

Hooman Bahreini · Accepted Answer · 2017-09-10T05:39:56.900

6

You need to create a new html page for About, Gallery, etc.

Then you can use:

<a href="/SomeFolder/About.html">About Page</a>

to navigate to that page.

Note that /SomeFolder/About.html is that path of you about page. / means that we start from root folder.

Have a look at: https://www.w3schools.com/tags/att_a_href.asp

edited Sep 10 '17 at 05:39

answered Sep 10 '17 at 05:33

Hooman Bahreini

14,480
11
70
137

1

Thank you so much! It seems I was on the right path of how to attempt it- this makes me so proud! Haha, thanks for the layout! – Alexandra Sep 10 '17 at 15:28
How would you then link to a specific section in that page? e.g. `#About-Me` – Eduards Sep 26 '20 at 12:35
@LV98: I think [this question](https://stackoverflow.com/questions/15481911/linking-to-a-specific-part-of-a-web-page) would help – Hooman Bahreini Sep 27 '20 at 06:41

Dawud Abdul Manan · Answer 2 · 2017-09-10T09:58:59.327

3

Welcome to a new world.

Yeah you have to create page for each(About, Gallery, Resume, Contact) with it own content with Html and Css, javascript is optional at this early stage.

Example:

<a href="about.html"> About </a>
<a href="gallery.html"> Gallery</a>
<a href="resume.html"> Resume</a>
<a href="contact.html"> Contact Us </a>

You can learn more on this website https://www.w3schools.com/html/html_links.asp

Hope it helps.

edited Sep 10 '17 at 09:58

answered Sep 10 '17 at 05:37

Dawud Abdul Manan

234
4
8

1

Thank you so much! I understand now! :) And thanks for welcoming me into this new world! I'm having fun and hope to learn a lot more! I'm creating my first website for a friend to hopefully start building a portfolio. – Alexandra Sep 10 '17 at 15:29

score 2 · Answer 3 · edited Sep 10 '17 at 10:07

2

For this you need to use an a tag like this <a href="/about"></a>

edited Sep 10 '17 at 10:07

Mark Rotteveel

100,966
191
140
197

answered Sep 10 '17 at 05:35

David Genger

875
10
25

Navigation Bar Complete- How to link pages?

3 Answers3

Linked