In this project, you will create a web page about your favorite movie (The Weddi
ID: 639231 • Letter: I
Question
In this project, you will create a web page about your favorite movie (The Wedding Ringer), and see how the page changes when a different style sheet is applied.
3. Create a web page named moviecss1.html about your favorite movie.
- Associate the page with the external style sheet format1.css
- Put the name of the movie (The Weddig Ringer) at the top of the page in the h1 tag.
- Put a description of the movie in a paragraph below the movie title.
- List the main actors and actresses in an unordered list.
- Add a link to a web site about the movie (http://www.sonypictures.com/movies/theweddingringer/site/).
- Add an e-mail link to yourself at the bottom of the page (eaglesbb@yahoo.com).
- View moviecss1.html in a browser to verify that the CSS is working properly.
Explanation / Answer
// moviecss1.html file
<html>
<header>
<link rel="stylesheet" type="text/css" href="format1.css" />
<body>
<h1 id="moviename">The Weddig Ringer</h1>
<p id="desc">
Socially awkward Doug Harris (Josh Gad) is two weeks from marrying the gal (Kaley Cuoco-Sweeting) of his dreams,
but he has a problem: He doesn't have any groomsmen for the occasion. Desperate and running out of time,
Doug calls upon Jimmy Callahan (Kevin Hart), owner and operator of Best Man Inc.,
a company that provides attendants for friendless grooms. As Doug tries to pull off the con, a bromance unexpectedly blossoms
between Jimmy and himself.
</p>
<ul id="acc_name">
<li> Jay Lavender</li>
<li>Jeremy Garelick</li>
</ul>
<a href="http://www.sonypictures.com/movies/theweddingringer/site/" id="alink" >about the movie</a>
<footer id="my_id"> contact me : eaglesbb@yahoo.com </footer>
</body>
</html>
// css file format1.css
body{ background-color:EDF1E6;}
#moviename{
text-align :center;
color: 354416;
margin-top:50px;
font-family: Arial, Helvetica, sans-serif;
}
#desc{
color:black;
margin-top:100px;
font-family: Arial, Helvetica, sans-serif;
margin-left:100px;
margin-right:100px;
}
#acc_name{
margin-left:200px;
color:0C095E;
font-size:20px;
}
#alink{
margin-left:220px;
}
#alink:hover{
color:981214;
}
#my_id{
color:64517C;
font-size:20px;
margin-left:300px;
margin-top:290px;
}
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.