Open schedule.html: <!DOCTYPE html> <html lang=\"en\"> <head> <link rel=\"styles
ID: 3786694 • Letter: O
Question
Open schedule.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="yoga.css">
<title>Path of Light Yoga Studio :: Schedule</title>
<meta charset="utf-8">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Path of Light Yoga Studio</h1>
</div>
<div id="nav">
<a href="index.html" class="navigation"> Home </a>
<a href="classes.html" class="navigation"> Classes </a>
<a href="schedule.html" class="navigation"> Schedule </a>
<a href="contact.html" class="navigation"> Contact </a>
</div>
<div id="main">
<div id="largeimage">
<img src="yogalounge.jpg" id="yogalounge" alt="An image of a yoga lounge">
</div>
<h2> Yoga Schedule </h2>
<p>Mats, blocks, and blankets provided. Please arrive 10 minutes before your class begins. Relax
in our Serenity Lounge before or after your class.</p>
<h3> Monday - Friday </h3>
<ul>
<li>9:00am Gentle Hatha Yoga</li>
<li>10:30am Vinyasa Yoga </li>
<li>5:30pm Restorative Yoga </li>
<li>7:00pm Gentle Hatha Yoga </li>
</ul>
<h3> Saturday & Sunday </h3>
<ul>
<li>10:30am Gentle Hatha Yoga</li>
<li>Noon Vinyasa Yoga</li>
<li>1:30pm Gentle Hatha Yoga</li>
<li>3:00pm Vinyasa Yoga</li>
<li>5:30pm Restorative Yoga</li>
</ul>
</div>
<div id="footer">
Copyright © Path of Light Yoga<br>
<a href="mailto:Paul.Snowden@pcc.edu">PaulSnowden@pcc.edu</a>
</div>
</div>
</body>
</html>
1. Add the following HTML5 shim code in the head section of the web page after the link element (to assist internet explorer 8):
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
2. For the navigation area, remove any characters that may be present. Configure an unordered list to organize the navigation hyperlinks. Each hyperlink should be contained within <li> tags.
3. Edit the img tag. Remove the align="right" attribute. Assign the img tag to the class named floatleft.
4. Edit the div element that contains the address information. Assign the div to the class named clear.
Explanation / Answer
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="yoga.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<title>Path of Light Yoga Studio :: Schedule</title>
<meta charset="utf-8">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>Path of Light Yoga Studio</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html" class="navigation"> Home </a></li>
<li><a href="classes.html" class="navigation"> Classes </a></li>
<li><a href="schedule.html" class="navigation"> Schedule </a></li>
<li> <a href="contact.html" class="navigation"> Contact </a></li>
</ul>
</div>
<div id="main">
<div id="largeimage">
<img src="yogalounge.jpg" class="floatleft" id="yogalounge" alt="An image of a yoga lounge">
</div>
<h2> Yoga Schedule </h2>
<p>Mats, blocks, and blankets provided. Please arrive 10 minutes before your class begins. Relax
in our Serenity Lounge before or after your class.</p>
<h3> Monday - Friday </h3>
<ul>
<li>9:00am Gentle Hatha Yoga</li>
<li>10:30am Vinyasa Yoga </li>
<li>5:30pm Restorative Yoga </li>
<li>7:00pm Gentle Hatha Yoga </li>
</ul>
<h3> Saturday & Sunday </h3>
<ul>
<li>10:30am Gentle Hatha Yoga</li>
<li>Noon Vinyasa Yoga</li>
<li>1:30pm Gentle Hatha Yoga</li>
<li>3:00pm Vinyasa Yoga</li>
<li>5:30pm Restorative Yoga</li>
</ul>
</div>
<div id="footer" class="clear">
Copyright © Path of Light Yoga<br>
<a href="mailto:Paul.Snowden@pcc.edu">PaulSnowden@pcc.edu</a>
</div>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.