HTML

Elements with attributes

<div class="page">
  <h1 id="main-heading">Welcome to HTML Challenge - Image and Links Challenge</h1>
  <h2>Fix the problems with the code below and display all the Images</h2>

  <p>1. HTML</p>
  <img scr = "https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg"></img>

  <p>2. CSS</p>
  <img scr = "https://upload.wikimedia.org/wikipedia/commons/d/d5/CSS3_logo_and_wordmark.svg">

  <p>3. JavaScript</p>
  <img scr = "https://upload.wikimedia.org/wikipedia/commons/b/ba/Javascript_badge.svg>

  <p>4. React</p>
  <img scr = https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg>

  <p class="red">5. Ruby</p>
  <img scr="https://upload.wikimedia.org/wikipedia/commons/7/73/Ruby_logo.svg"
  alt="Ruby">
</div>

.page {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

h1 {
  color: #2c3e50;
  margin-bottom: 20px;
}

h2 {
  color: #3498db;
  margin-bottom: 30px;
}

img {
  max-width: 200px;
  height: auto;
  margin: 10px 0;
}

.red {
  color: #e74c3c;
  font-weight: bold;
}

p {
  font-size: 18px;
  margin: 15px 0;
}

<div class="page">
  <h1 id="main-heading">Welcome to HTML Challenge - Image and Links Challenge</h1>

  <h2>Fix the problems with the code below and display all the Images</h2>
  
  <p>1. HTML</p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/6/61/HTML5_logo_and_wordmark.svg" alt="HTML logo">
  
  <p>2. CSS</p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/CSS3_logo_and_wordmark.svg" alt="CSS logo">
  
  <p>3. JavaScript</p>
  <img src="https://upload.wikimedia.org/wikipedia/commons/b/ba/Javascript_badge.svg" alt="JavaScript logo">
  
  <p>4. React</p>
  <a href="https://en.wikipedia.org/wiki/React_(software)" target="_blank">
    <img src="https://upload.wikimedia.org/wikipedia/commons/a/a7/React-icon.svg" alt="React logo">
  </a>
  
  <p class="red">5. Ruby</p>

  <img src="https://upload.wikimedia.org/wikipedia/commons/7/73/Ruby_logo.svg" alt="Ruby logo">

  <a href="https://rubyweekly.com/" target="_blank">
    <button type="button">Take me to Ruby Weekly</button>
  </a>
</div>