HTML Sample Links and Media Tags

<!DOCTYPE html>

<html>

  <head>

    <title>Links and Media Example</title>

  </head>

  <body>

    <h1>My Favorite Media</h1>

    <!– Link (Anchor Tag) –>

    <p>Visit my favorite website:

      <a href=”https://www.wikipedia.org” target=”_blank”>Wikipedia</a>

    </p>

    <!– Image –>

    <h2>Image Example</h2>

    <img src=”https://placekitten.com/300/200″ alt=”Cute kitten” width=”300″>

    <!– Video –>

    <h2>Video Example</h2>

    <video width=”320″ height=”240″ controls>

      <source src=”https://www.w3schools.com/html/mov_bbb.mp4″ type=”video/mp4″>

      Your browser does not support the video tag.

    </video>

    <!– Audio –>

    <h2>Audio Example</h2>

    <audio controls>

      <source src=”https://www.w3schools.com/html/horse.mp3″ type=”audio/mpeg”>

      Your browser does not support the audio element.

    </audio>

  </body>

</html>

(SEE RESULT)



Tags Used in This Sample

TagPurpose
<a>Creates a clickable hyperlink
<img>Embeds an image
<video>Embeds a video
<audio>Embeds an audio file
<source>Specifies the media file source