Html on windows 10

Question

I’m trying to build a site on my Asus computer running windows 10, so in order to be organized I made separate folders for each webpage and its css file, like I have one for the body, and one for accounts (in the accounts I have two, one for sign up and one for sign in) so I want to link one to another one, specifically the sign in to sign up, which are in different folders, so I did <p> if you don’t have an account, <a href = “thesignulfile.html”>click here</a></p> inside the sign in file, so basically I opened the sign in file in chrome and clicked the link but it couldn’t find the file, and I noticed the chrome url was for the sign in folder when my file for the hyperlink was in the other folder, so my question is:
1. Can I make the hyperlink open by making chrome look in the signup folder?
2. Do I need to have all the html files in one folder?

Answer 1

Can you show me how you are writing 'href' value for the <a> tag you have in both of these files?

Assuming both 'sign up' and 'sign in' folder are at the same hierarchy in folder tree, I would suggest to use

* In signup.html
<a href="../signin/signin.html"></a>

* In signin.html
<a href="../signup/signup.html"></a>

The '..' here specifies a need to go up one level in folder hierarchy, before referencing the target. My explanation may not be sensible, maybe better try and see if it works.

I'd still recommend to read the tutorial linked on my previous reply though.

Answer 2

Can you describe how you structure your folders?
Maybe use of relative path may work for your situation. Read the following tutorial about HTML paths:

https://www.w3schools.com/html/html_filepaths.asp

Answer 3

You're welcome, hope it works too : )

Answer 4

Let's see if that did ...

TSFW
|account/
|__/sign up
|__/sign in
|body/
|__/body.html
|gallery/

Am I close in guessing?

Answer 5

yes! but inside sign in i put signin.html and signin.css and insode sign up i put signup.html and signup.css

so i tried linking signup.html inside signin.html which were in two dofferemt files but chrome or windows couldnt open it

Answer 6

Usual structure that I do:

Index.html

Make folders:
______________
css {📂 for .css files}
js {📂 for .js files}
imgs {📂 for image files}
imgs subfolders
media {📂 for video, sound}
pages {📂 for all html files}

Your structure is too complicated.

Your home page links would look like (using my structure)

a href="pages/contact-us.html"

All links on your home page would be

a href="pages/xxx.html" format.

Then all html files inside the pages folder that link back to the home page would look like

a href="../index.html"

The "../" tells the browser to go one folder back up in the hierarchy.

Answer 7

Eli The Boy Make a homepage and save it as index.html. Then make folders beside the file. Put all other files inside those folders.

I listed folders above that I use for storing parts of my website.

Answer 8

Xyenia 🦉 thanks a million!!!

Answer 9

Ipang so right now i cant get into the link but heres how i structure my folders: Im trying to maka a family website just for fun so lets say my name is smith, i have one folder name TSFW (the smith familt website)
in that I have:
1 account
in that i have
a sign up
b sign in
2 the body
in that is the basic body
3 gallery
in that i plan on making a family gallery

is that a food enough explanation?

Answer 10

alright thanks a million tho!

Answer 11

ummmm...... Xyenia 🦉 i legit dont understand.... sorry

Answer 12

so Xyenia 🦉 let me see if I have this straight, make one big folder, then in that make the body.html and its css, and from there I can be more organized and make any type of folder I want and even more folders within those folders? just the main body cant be in a folder?

Answer 13

Yes. Please don't call it body.html

"body" is a tag used in html.

Your main home page should be called index.html (this is the norm )

Then make a folder beside the index.html and call it css. This will store .css files.

Remember, you can use styling inside the head area of your index.html but if your site grows, you may use various .css files externally stored in the css folder.

Start with this.

Answer 14

1. Did you checked whether the full path (of the sign in or sign out file) is in the href attribute? Many people do this mistake...

2. You don't have to have all .html-files in one folder.