Skip to content
← Back to Community
How would you add a link to an HTML file on repl.
Profile icon
webmunchster

So I am trying to make a social media site, (one that would have more than one page), and I was wondering if there is a more efficient way to make separate pages and instead send destinations to other HTML files inside the repl. If this is obvious, I am sorry.

Answered by JustARatherRidi [earned 5 cycles]
View Answer
Voters
Profile icon
LolaGale
Profile icon
HaolinXie
Profile icon
jaskaransingh14
Profile icon
LukeBlack2
Profile icon
webmunchster
Comments
hotnewtop
Profile icon
ArchieMaclean

If you have a page called about.html then you can link using the a tag like:

<a href="/about.html">About me!</a>

(Assuming a HTML/CSS/JS repl)
Please mark this as the answer if it solved your problem :)

Profile icon
webmunchster

@ArchieMaclean No, that des not help. Maye if I share the link it might help.
https://repl.it/@webmunchster/Arion

Profile icon
JustARatherRidi

@webmunchster Where in your page would you like your link to be?

Profile icon
webmunchster

@JustARatherRidi It will probably be a button in the top row

Profile icon
JustARatherRidi

@webmunchster Okay, so assuming you fix your about.html, maybe like so:

<!DOCTYPE html> <html> <head> </head> <body> <h1>HII</h1><p>IF THIS WORKS THANK THE ALMIGHTYBILL GATES</p> </body> </html>

Then, on line 26 of index.html, you can change the href attribute to ./about.html, after which it will look like:

<a href="./about.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white" title=""><i class="fa fa-user"></i></a>

Doing that should make the profile button on the top navbar to redirect to about.html.

Working repl: https://repl.it/@JustARatherRidi/Arion

Hope this helped!

Profile icon
webmunchster
Profile icon
JustARatherRidi

@webmunchster No problem! And tough luck @ArchieMaclean :P

Profile icon
zumasumber