Open classes.html: <!DOCTYPE html> <html lang=\"en\"> <head> <link herf=\"http:/
ID: 3786692 • Letter: O
Question
Open classes.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link herf="http://yoga.css" rel="stylesheet" type="text/css" />
<title>Path of Light Yoga Studio :: Classes</title>
<meta charset="utf-8">
<link href="yoga.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header><h1>Path of Light Yoga Studio</h1></header>
<nav>
<a href="index.html">Home</a> <a href="classes.html">Classes</a>
<a href="schedule.html">Schedule</a> <a href="contact.html">Contact</a>
</nav>
<main>
<div id="hero">
<img src="yogamat.jpg" alt="Yoga Mat" height="400" width="1000">
</div>
<h2>Yoga Classes</h2>
<dl>
<dt> <strong>Gentle Hatha Yoga </strong></dt>
<dd>Intended for beginners and anyone wishing a grounded foundation in the practice of yoga, this 60 minute class of poses and slow movement focuses on asana (proper alignment and posture), pranayama (breath work), and guided meditation to foster your mind and body connection.
</dd>
<dt> <strong>Vinyasa Yoga </strong></dt>
<dd>Although designed for intermediate to advanced students, beginners are welcome to sample this 60 minute class that focuses on breath-synchronized movement -- you will inhale and exhale as you flow energetically through yoga poses.
</dd>
<dt> <strong>Restorative Yoga </strong></dt>
<dd>This 90 minute class features very slow movement and long poses that are supported by a chair or wall. This calming, restorative experience is suitable for students of any level of experience. This practice can be a perfect way to help rehabilitate an injury.
</dd>
</dl>
</main>
<footer>
Copyright © Path of Light Yoga<br>
<a href="mailto:Paul.Snowden@pcc.edu">PaulSnowden@pcc.edu</a>
</footer>
</div>
</body>
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
1. Add the following HTML5 shim code in the head section of the web page after the link element (to assist internet explorer 8):
SHIM:- A shim is a library that brings a new Application Programming Interface to an older environment, when we are using/working with a old browser.
In order to use the shim code, all you have to do is add the following code in the head section of your webpage i.e..,between the <head> </head> tags.
<!--[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.
Here   means a psacing character.we have to remove them in the navigation area according to the question.and we need to configure the list of items as an
unordered list. and this can be done with the help of <ul> tag which is an opening tag and specify the list of items within the <li> </li>tag and after specifying
all the list items then we need to close the </ul>.all the list items can be a small dark dots are by default and this can be done for our program as follows.
<ul>
<li> <a href="index.html">Home</a> </li>
<li> <a href="classes.html">Classes</a> </li>
<li> <a href="schedule.html">Schedule</a> </li>
<li> <a href="contact.html">Contact</a><li>
</<ul>
3. Edit the img tag. Remove the align="right" attribute. Assign the img tag to the class named floatleft.
Here ae need to edit the image tag.and we need to remove the property align="right"and again to add a class style called floatleft.
basically the html class attribute is used to maintain the uniformity of the webpage to all those tags which wants to use the class.
but according to our requirement the this can be done as follows.
<img src="yogamat.jpg" alt="Yoga Mat" height="400" width="1000">
4. Edit the div element that contains the address information. Assign the div to the class named clear.
Here we need to create a class named clear.this can be done as follows.here i have taken a simple properties.this can be done as follows.
Eg:-
<style>
div.clear {
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px;
}
</style>
The overall html page with modified code are as follows:-
Open classes.html:
<!DOCTYPE html>
<html lang="en">
<head>
<link herf="http://yoga.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<style>
div.clear {
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px;
}
</style>
<title>Path of Light Yoga Studio :: Classes</title>
<meta charset="utf-8">
<link href="yoga.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<header><h1>Path of Light Yoga Studio</h1></header>
<ul>
<li> <a href="index.html">Home</a> </li>
<li> <a href="classes.html">Classes</a> </li>
<li> <a href="schedule.html">Schedule</a> </li>
<li> <a href="contact.html">Contact</a><li>
</<ul>
<main>
<div id="hero">
<img src="yogamat.jpg" alt="Yoga Mat" height="400" width="1000">
</div>
<h2>Yoga Classes</h2>
<dl>
<dt> <strong>Gentle Hatha Yoga </strong></dt>
<dd>Intended for beginners and anyone wishing a grounded foundation in the practice of yoga, this 60 minute class of poses and slow movement focuses on asana (proper alignment and posture), pranayama (breath work), and guided meditation to foster your mind and body connection.
</dd>
<dt> <strong>Vinyasa Yoga </strong></dt>
<dd>Although designed for intermediate to advanced students, beginners are welcome to sample this 60 minute class that focuses on breath-synchronized movement -- you will inhale and exhale as you flow energetically through yoga poses.
</dd>
<dt> <strong>Restorative Yoga </strong></dt>
<dd>This 90 minute class features very slow movement and long poses that are supported by a chair or wall. This calming, restorative experience is suitable for students of any level of experience. This practice can be a perfect way to help rehabilitate an injury.
</dd>
</dl>
</main>
<footer>
Copyright © Path of Light Yoga<br>
<a href="mailto:Paul.Snowden@pcc.edu">PaulSnowden@pcc.edu</a>
</footer>
</div>
</body>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.