A few questions about coding

I'm having trouble with the list of links to my socmed accounts. The links keep opening in the iframe instead of opening in a new tab or redirecting the user to the respective sites. It's really annoying since I swear my gallery page link works just fine and loads up a different HTML and CSS.

The code of my link page is here for those curious (I link to my kinky stuff in this. I omitted those things since I know people may not be comfortable w it):

Code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The web site of hauntageddon</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  </head>
  <body>
    <h1>Where the fuck else am I:</h1>

    
      <a href="https://bsky.app/profile/ronwerks.bsky.social" target="_blank">Blusky</a>
      <a href="https://gretchieboo.straw.page/" target="_blank">strawpage</a>
      <a href="https://www.pinterest.com/hauntpsychicdungeon/" target="_blank">pimterest</a>
      <a href="https://www.youtube.com/@hauntpsychic">yoobtoob</a>
      <a href="https://officiallyfckingdone.tumblr.com/" target="_blank">tumblr</a>
      
    
  </body>
</html>

Also, I got a general coding question. How can I improve the appearance of this site? I want the GIFs and such to be positioned more on the side of the page, rather than them landing wherever. I also want to create an iframe for the YouTube playlist. I'll try to make a mockup of what I want sometime. I really need to refresh my HTML/CSS coding knowledge. I swear this shit would be so much easier if I could just arrange visually and copy the code down.

The homepage index HTML is this rn:

Code

<!-- base template by teppyslayouts.neocities.org -->
<!DOCTYPE html>
<html>
<head>
	<title>Any hole is a stole</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<meta name="viewport" content="width=device-width, initial-scale=0.1">
</head>
<body>
	<div class="wrapper">
	  <img src="lil-devil.gif" class="top-left-image">
		<div class="header">
			<a href="home.html" target="content"><img src="header.gif" class="header-image"></a>
			<div class="menu">
				<a href="home.html" target="content">Home</a> / 
				<a href="blog.html" target="content">Blog</a> / 
				<a href="about.html" target="content">About</a> / 
				<a href="links.html" target="content">Links</a> /
				 <a href="art/artgallery.html" target="_blank">Gallery</a> 
			</div>
		</div>
		
		<div class="main">
		  
			<iframe name="content" src="home.html"></iframe>
		</div>
	</div>
	<img align="left" src="dinoglobe.gif">
	<img align="top-left" src="duckie.webp">
	
	<iframe align="right" width="150" height="150" src=" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</body>
</html>

Edit: made my mockup. This is made out of a zoomed out screenshot (75%) so just keep that in mind