Trouble with making html links (solved) (Human error)


#1

Hey guys! I’m a newbie when it comes to coding in general and three days in I’ve encountered a problem that I can’t figure out for the life of me. I’m trying to build a super basic html website (via the mimo app lessons) and my links wont work. I’ve looked over the format, the addresses and everything, it looks like it’s fine but no clickable link forms on my test page. I tried to post the whole code but was told it had too many links for a new member to post. This will have to do for now I guess.

These are the last two lines of my code, they were made to test the links and see why they weren’t working.

Google
(This one was taken from the web, it worked)

Google (This one was hand written, it didn’t work)

All of the herf style links in my code don’t work. They don’t even become clickable when I test them. Except for the google link at the top (I copied and pasted that one from online), that one works. When I tried to write out the exact same link below (Not copied and pasted) it did not work. I’m stumped and if anyone could help me out, I’d really appreciate it.

Any advise, maybe something I missed?

Thank you for the help guys!


#2

As you can see, the forum also interprets HTML. When pasting in code, you should highlight it and press the </> button above the editor to mark it as code.


#3

Thank you, let me try this again. oops…

Here is the entire code I made.

<!DOCTYPE html>
<html>
<head>
  <title>From Humble Beginnings</title>
</head>
<body>
  <div id="header">
    <div class="container">
      <a herf="index.html">My Blog</a>
      <ul>
       <li><a herf="about.html">About</a></li>
       <li><a herf="contact.html">Contact</a></li>
      </ul>
    </div>
  </div>
   <div id="content">
    <div class="container">
     <div class="post">
      <div class="post-author">
       <img src="MyProfile.jpg" width="100">
        <span>Me</span>
      </div>
    <p class="post-date">Today</p>
    <h3 class="post title">Becoming a Web developer</h3>
     <p>If someone had told me that I would be building a website a week ago, I wouldn't have believed them.
         I have a lot of skills and talents, but coding has always seemed far to complex and tedious.
         As it tuns out, coding is very simple.</p>
     <p>Recently I found an app called “Mimo” that had everything I needed to learn how to build a website.
       Now I feel confident that I can make a future for myself in web development!</p>
      </div>
     </div>
    </div>
  <div id="footer">
   <div class="container">
    <div class="column">
    <h4>Social Media</h4>
     <p>
      <a herf="https://www.facebook.com/Tanner.Goodale">Facebook</a>
     </p>
   </div>
    <div class="column">
     <h4>My Story</h4>
     <p>Welcome to my blog!  My name is Tanner Goodale and I'm an aspiring web developer.</p>
    </div>
   </div>
  </div>
</body>
</html>

<a href="http://www.google.com">Google</a> <br>

<a herf="http://www.google.com">Google</a>

Hopefully that one works.


#4

You don’t see any difference between herf and href?


#5

Nope, they both appear the same color and everything in Atom. One just works on my test page and the rest don’t. I’m sorry, I wish I could give more input, but I’m not quite sure what to look for beyond this.


#6

oh my gosh


#7

I’m so dumb sometime! Lol, thank you… I overlooked that


#8

Humans read words by looking for signposts (mostly the beginning and ending) and skimming over the letters in between, so we can read text where the middle letters have been all scrambled up. Computers can’t because they have no sense of context, so spelling is absolute. In this case, href is short for “hypertext reference”.