Skip to content
Sign upLog in
← 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
LochlanKing
Profile icon
NajwaMaratus
Profile icon
olivianurhayati
Profile icon
GeBol
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

@JustARatherRidi
Thank you

Profile icon
JustARatherRidi

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

Profile icon
MitaA1

Y

Profile icon
NandaDewi3

liatin.feeldream.repl.co

Profile icon
zumasumber