camckin10/HTMLDrills

## HTMLDrills
1.) Link Here, Link There
<main>
  <h2>1. Open this Link THERE!</h2>
  <p><a href = "#" target="https://www.stackoverflow.com">Stack Overflow </a></p>
  --> Replace this text with a link that links to the Stack Overflow website and opens in a new tab.

  <h2>2. Click a link to send email!</h2>
  <p> <a href= "mailto:username@site.org?subject=link%20here%20link%20there%20linkhere,linkthere">Blank Email</a></p>
</main>
---> Replace the text in this paragraph that opens a blank email with the subject line, link here, link there

2.) Image Basics
---> embed an image of favorite place inside paragraph. Make sure to add attribue explaining what picture is to visually impaired
people.
<div class="container">
  <h2>My Favorite Place</h2>
  <p>Of all the places in the world, this is the one I like the most:</p>
  <div>
    <img src= "http://s.hswstatic.com/gif/water-life-crop.jpg" alt = "Water" style = "width:304px;height:228px; ">
  </div>

  3.) Headers: No Longer Just For Soccer
  --> Add a title and subtitle inside body of your code
  <body>

  <main>
    <h1>Lorem Ipsum</h1>
    <h3>"Holding places since the 1st century BCE"</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae veritatis sed laborum, accusantium ut dolore asperiores ea enim, hic fuga corporis? Id cupiditate, voluptatibus veniam doloribus consectetur quia! Quae, eveniet?</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste eligendi distinctio libero error vitae aliquid aut autem doloribus delectus necessitatibus possimus tempora, ipsam sequi, quae architecto maxime asperiores qui voluptate.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa est iusto doloribus consectetur fugit quis accusantium hic assumenda, dolorem autem dolor voluptatibus dolore sunt sed labore neque, saepe illum et!</p>
  </main>

</body>
</div>

4.) Video Basics
-->Using the video element, add a video to the the line of code that allows the user to mute the video, and loops the video at
the end
<div>
  <p>Your video goes here! (and it better loop, and be muted)</p>
  <video src="https://archive.org/download/122Eyes1950/122Eyes1950_512kb.mp4" loop muted controls</video>
</div>
	1.) Link Here, Link There
	<main>
	<h2>1. Open this Link THERE!</h2>
	<p><a href = "#" target="https://www.stackoverflow.com">Stack Overflow </a></p>
	--> Replace this text with a link that links to the Stack Overflow website and opens in a new tab.

	<h2>2. Click a link to send email!</h2>
	<p> <a href= "mailto:username@site.org?subject=link%20here%20link%20there%20linkhere,linkthere">Blank Email</a></p>
	</main>
	---> Replace the text in this paragraph that opens a blank email with the subject line, link here, link there

	2.) Image Basics
	---> embed an image of favorite place inside paragraph. Make sure to add attribue explaining what picture is to visually impaired
	people.
	<div class="container">
	<h2>My Favorite Place</h2>
	<p>Of all the places in the world, this is the one I like the most:</p>
	<div>
	<img src= "http://s.hswstatic.com/gif/water-life-crop.jpg" alt = "Water" style = "width:304px;height:228px; ">
	</div>

	3.) Headers: No Longer Just For Soccer
	--> Add a title and subtitle inside body of your code
	<body>

	<main>
	<h1>Lorem Ipsum</h1>
	<h3>"Holding places since the 1st century BCE"</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae veritatis sed laborum, accusantium ut dolore asperiores ea enim, hic fuga corporis? Id cupiditate, voluptatibus veniam doloribus consectetur quia! Quae, eveniet?</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste eligendi distinctio libero error vitae aliquid aut autem doloribus delectus necessitatibus possimus tempora, ipsam sequi, quae architecto maxime asperiores qui voluptate.</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa est iusto doloribus consectetur fugit quis accusantium hic assumenda, dolorem autem dolor voluptatibus dolore sunt sed labore neque, saepe illum et!</p>
	</main>

	</body>
	</div>

	4.) Video Basics
	-->Using the video element, add a video to the the line of code that allows the user to mute the video, and loops the video at
	the end
	<div>
	<p>Your video goes here! (and it better loop, and be muted)</p>
	<video src="https://archive.org/download/122Eyes1950/122Eyes1950_512kb.mp4" loop muted controls</video>
	</div>