HOw do I do this? Incorporate the following into your expanded website: 1.Apply
ID: 3702399 • Letter: H
Question
HOw do I do this?
Incorporate the following into your expanded website:
1.Apply Cascading Style Sheets (CSS) to format elements.
2.Integrate multimedia into the website.
3. Create navigation for the site.
4.Use internal, external, and anchor links in the website.
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
<h1><i>Motivational Mentorship</i></h1
<h3><i>When life seems to let you down<i></h3>
<body>_
<h1><img src="background.jpeg" height="600" width="800" alt="Help"></h1>
<ul><li>alcohol dependency couseling</li>
<li>drug dependency counseling</li>
<li>suicide counseling</li></ul>
<p>When You Need Guidance, give us a call (901)555-5555</p>
<p>© Copyright 2018 Motivational Mentorship. All rights reserved.<p/>
</body>
</html>
Explanation / Answer
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
background-color: #111;
}
</style>
</head>
<body id="home">
<h1><i>Motivational Mentorship</i></h1
<h3><i>When life seems to let you down<i></h3>
<h1><img src="background.jpeg" height="600" width="800" alt="Help"></h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#Audio">Audio</a></li>
<li><a href="#videosection">Video</a></li>
<li><a href="#about">About</a></li>
</ul>
<div>
<h4>Internal Link</h4>
<a href="#videosection">Internal Link</a>
</div>
<div>
<h4>External Link</h4>
<a href="https://www.google.co.in/" target="_blank">External Link</a>
</div>
<div>
<h4>Image as anchor </h4>
<!--We can also use an image as an anchor element-->
<a><img src="http://example.com/image-file.png" alt="NA" /></a>
</div>
<div id="Audio">
<h4>Audio Content(Place horse.ogg/horse.mp3 file in current folder to play )</h4>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div>
<div id="videosection">
<h4>Video Content(Place movie.mp4/movie.ogg file in current folder to play )</h4>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<div>
<div id="about">
<p>When You Need Guidance, give us a call (901)555-5555</p>
<p>© Copyright 2018 Motivational Mentorship. All rights reserved.<p/>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.