New html 'coder' with a question

Jay95 · April 21, 2020

Hi so I started playing around with Html out of curiosity. Only been 2 days/3-4 hours with 0 knowledge of anything vaguely similar previously. I'm currently trying to practice by making a website for a local MMA school.

The problem I have run into is in my code is when I put the "Give us a call" div above the social media logos, is fine.

But when I put that same text below the social media logo's it all turns into a link and takes me to youtube. It only started happening I put the logo's WITH their links in.

I'd appreciate any help since I've only looked at a few youtube tutorials how to use html and cannot find a answer nor have anybody in my life who's familiar with things related to this.

Also any other feed back on what I have written so far would be appreciated. The correct way of doing things. more efficient way and anything wrong I have done.

You may be seeing a lot more of me asking more basic questions so bare with me, thank you

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Shore Mixed Martial Arts</title>
    </head>
<body>
    <img src="images/logo.jpg" alt="SMMA Logo" width="200">

    <div>

      <p>Give us a call</p>
      <p>01495 212160</p>
      <p>Unit 5, Glandwr Ind Est <br>
         Aberbeeg, Blaenau Gwent, NP13 2LN</p>
    </div>

<div>
<ul>
  <li><a href="http://facebook.com/pages/category/Gym-Physical-Fitness-Center/Shore-Mixed-Martial-Arts-115316889854280/"><i class="fab fa-facebook-f"></i></li>
  <li><a href="http://instragram.com/shoremixedmartialarts/"><i class="fab fa-instagram"></i></li>
  <li><a href="http://youtube.com/channel/UCmdJzYaYGcUM7J3k7ePgXCA/featured"><i class="fab fa-youtube"></i></li>
</ul>
</div>

<div>

  <p>Give us a call</p>
  <p>01495 212160</p>
  <p>Unit 5, Glandwr Ind Est <br>
     Aberbeeg, Blaenau Gwent, NP13 2LN</p>
</div>


  <ul>
    <li><a href="News & Blog.html">News & Blog</a></li>
    <li><a href="Membership.html">Membership</a></li>
    <li><a href="team.html">Team</a></li>
    <li><a href="Fighters.html">Fighters</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="classes.html">Classes</a></li>
    <li><a href="Shop.html">Shop</a></li>
    <li><a href="Contact Us.html">Contact us</a></li>
  </ul>
  <br>
  <img src="images/ufc.png" alt="UFC Logo" width="220">
  <img src="images/tatami.png" alt="Tatami Logo" width="300">
  <img src="images/cage warriors.png" alt="Cage Warriors Logo" width="250">
  <img src="images/subway.png" alt="Subway Logo" width="250">
  <img src="images/pas.png" alt="Pas Logo" width="250">
  <img src="images/djc build.png" alt="DJC Build Logo" width="250">
  <img src="images/420 range.png" alt="420 Range Logo" width="250">
  <br>
  <div>
    <h3>Welcome to</h3>
    <h1>Shore Mixed Martial Arts <br>
      Centre of Excellence
    </h1>
  </div>
  <article>
  <div>
      <p> <span title="Centre Of Excellence">Shore Mixed Martial Arts</span> is one of the UK's leading <span title="Mixed Martial Arts">MMA</span> with over 50 years combined experience primilary focusing on
      Brazilian Ji Jitsu, Muay Thai, Wrestling and Boxing. With respected world class coaches in their respected disclipines <span title="Centre Of Excellence">Shore Mixed Martial Arts</span> is at the forefront
      of competitive <span title="Mixed Martial Arts">MMA</span> in Wales, leaving their mark on the world stage.</p>
    </div>
    <div>
<p>Whether you're looking to compete, increase fitness or just learn a new school SMMA is the ideal place for offering group and 1 on 1 training. Women and family classes etc.</p>
    </div>
  </article>
<div>
  Try one of our classes today!
  <ul>
    <li><a href ="Ji Jitsu.html">Ji Jitsu</li>
    <li><a href ="Muay Thai.html">Muay Thai</li>
    <li><a href="Wrestling.html">Wrestling</li>
    <li><a href="Boxing.html">Boxing</li>
    <li><a href="Strength & Conditioning.html">Strength & Conditioning</li>
    <li><a href="Personal Training.html">Personal Training</li>
      </ul>
</div>


<script src="https://kit.fontawesome.com/2a39dc29d1.js" crossorigin="anonymous"></script>


</body>
</html>


<!-- to do
- add instgram youtube and facebook logo + links
- at the bottom for the home page - map or instagram link??
- start playing with CSS and start styling the page. -->

dsonesuk · April 21, 2020

Every anchor element requires a closing tag of </a>, which you have missed in the first unordered list items. So it seeps to envelope other elements.

cannoneva · February 2, 2021

thankx great knowlege

Sign In

New html 'coder' with a question

Recommended Posts

Jay95

Link to comment

Share on other sites

dsonesuk

Link to comment

Share on other sites

cannoneva

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity