Skip to content

Instantly share code, notes, and snippets.

@wlippold

wlippold/HTML Exercises.html

Created November 28, 2016 13:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wlippold/c009d6265fc42110f98e3c3af3124c72 to your computer and use it in GitHub Desktop.
Save wlippold/c009d6265fc42110f98e3c3af3124c72 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML Exercises.html
<!DOCTYPE html>
<html>
<head><title>HTML Attribute Exercises</title></head>
<body>
<h1>HTML Attribute Exercises</h1>
<ol>
<!-- 1. Add a tooltip to the paragraph below with the text "About HSArtsTech.org".
Hint: Use the title attribute. Mouse over paragraph to check. -->
<li>
<p>High School of Arts & Technology is a school in NYC.</p>
</li>
<hr />
<!-- 2. Change the size of the image to 200 pixels wide and 75 pixels tall.
Hint: Change the width and height attributes. -->
<li>
<img src="http://www.hsartstech.org/wp-content/uploads/2013/10/cropped-cropped-Logo_Arts_and_TECH-1.jpg" width="400" height="150" />
</li>
<hr />
<!-- 3. Transform the text below into a link that goes to "www.hsartstech.org".
Hint: Add an <a> element that has a href attribute. -->
<li>
Click here to go to HS Arts & Tech
</li>
<hr />
<!-- 4. Change the destination of the link below to "www.schools.nyc.gov".
Hint: Change the href attribute. -->
<li>
<a href="http://www.hsartstech.org">Click here to go to Schools NYC</a>
</li>
<hr />
<!-- 5. The image below does not exist. Specify the alternate text "hsartstech.org" for the image.
Hint: Use the alt attribute. -->
<li>
<img src="ArrttsTeechh.jpg" width="200" height="75" />
</li>
<hr />
</ol>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment