three new websites made love peace and joy
website 1 "love"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>love</title> <!-- browser tab= love-->
</head>
<body>
</body>
</html>
website 2 "peace"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>peace</title> <!-- browser tab= peace-->
</head>
<body>
</body>
</html>
website 3 "joy"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>joy</title> <!-- browser tab= joy-->
</head>
<body>
</body>
</html>
<!-- NOW I WANT TO VIEW MY OTHER TWO SITES I JUST MADE-->
select dropdown
choose site 1
website 1 "love"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>joy</title> <!-- browser tab= love. This title changed to joy because it was the last site i viewed-->
</head>
<body>
</body>
</html>
select dropdown
choose a site 2
website 2 "peace"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>joy</title> <!-- browser tab= peace. this title changed to joy -->
</head>
<body>
</body>
</html>
select dropdown
choose a site 3
website 3 "joy"
file = index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>joy</title> <!-- browser tab= joy. this title stayed the same it was the last site/title i made-->
</head>
<body>
</body>
</html>
THIS IS A REVOLVING CIRCLE WITH ANY ELEMENT I TYPE INTO OR CHANGE ANY OF THE THREE SITES
If all three sites take on the appearance of the last one you made edits to, it sounds to me like you are referencing a single root folder in each and essentially changing the same index.html file each time you open one of them.
site_folder
index.html
Each of the three sites needs to be stored in separate root folder on your hard drive...
love_site_folder
index.html
images
image1.jpg
peace_site_folder
index.html
images
image1.jpg
joy_site_folder
index.html
images
image1.jpg
...and each root folder will have its own copy of index.html and any other files/folders you may need.