A. Integrate at least two different types of images (e.g., .jpg, .png, .gif). B.
ID: 3824658 • Letter: A
Question
A. Integrate at least two different types of images (e.g., .jpg, .png, .gif).
B. Integrate at least two different audio/sound formats (e.g., .wav, .ogg, .mp3).
C. Integrate at least two different video formats (e.g., YouTube video, Vimeo video, Flash player, etc.).
D. Use CSS3 to display an object on your page (e.g., one of your images, a text headline, an embedded video, etc.) with a drop shadow on your page.
E. Use CSS3 to rotate an object on your page (e.g., a text headline, one of your images, etc.). F. Finally, use CSS3 to apply a background image to your webpage, paying special attention to legibility of the content that will lie atop the image.
the code i have done so far is
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Lorum Ipsum Rocks!</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<div class="container">
<body>
<h1><img src="img/penmen.png"/>Quod autem satis est, eo quicquid accessit, nimium est;</h1>
<img src="img/snhulogo.jpg"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid Zeno? <a href="http://loripsum.net/" target='_blank'>Duo Reges: constructio interrete.</a> Ita ne hoc quidem modo paria peccata sunt. Ait enim se, si uratur, Quam hoc suave! dicturum. Itaque hic ipse iam pridem est reiectus; Nam ante Aristippus, et ille melius. Satisne vobis videor pro meo iure in vestris auribus commentatus? Minime vero istorum quidem, inquit. Hanc quoque iucunditatem, si vis, transfer in animum; <a href="http://loripsum.net/" target='_blank'>Faceres tu quidem, Torquate, haec omnia;</a> Numquam facies. </p>
<
<p><i>Sed virtutem ipsam inchoavit, nihil amplius.</i> Ut aliquid scire se gaudeant? Tum Quintus: Est plane, Piso, ut dicis, inquit. Sed quoniam et advesperascit et mihi ad villam revertendum est, nunc quidem hactenus; </p>
<p><b>Quorum altera prosunt, nocent altera.</b> Negabat igitur ullam esse artem, quae ipsa a se proficisceretur; <i>At hoc in eo M.</i> An tu me de L. Profectus in exilium Tubulus statim nec respondere ausus; In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret. </p>
<h2>Hanc quoque iucunditatem, si vis, transfer in animum;</h2>
<p>Sed virtutem ipsam inchoavit, nihil amplius. Ut aliquid scire se gaudeant? Tum Quintus: Est plane, Piso, ut dicis, inquit. Sed quoniam et advesperascit et mihi ad villam revertendum est, nunc quidem hactenus; </p>
<p>Quorum altera prosunt, nocent altera. Negabat igitur ullam esse artem, quae ipsa a se proficisceretur; <i>At hoc in eo M.</i> An tu me de L. Profectus in exilium Tubulus statim nec respondere ausus; In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid Zeno? <a href="http://loripsum.net/" target='_blank'>Duo Reges: constructio interrete.</a> Ita ne hoc quidem modo paria peccata sunt. Ait enim se, si uratur, Quam hoc suave! dicturum. Itaque hic ipse iam pridem est reiectus; Nam ante Aristippus, et ille melius. Satisne vobis videor pro meo iure in vestris auribus commentatus? Minime vero istorum quidem, inquit. Hanc quoque iucunditatem, si vis, transfer in animum; <a href="http://loripsum.net/" target='_blank'>Faceres tu quidem, Torquate, haec omnia;</a> Numquam facies. </p>
<div class="footer">
<p>
<footer>© 2016 Southern New Hampshire University</footer>
</div>
</body>
</div>
</html>
Explanation / Answer
<html>
<head>
<title>Css Concepts</title>
<style>
h2{
color:red;
letter-spacing: 5px;
}
.a{
text-align:center;
background:gold;
color:black;
font-size:30px;
letter-spacing: 5px;
}
h2.a{
font-family:silent reaction;
padding:10px;width:60%;
margin:0px auto;
}
#b{
box-shadow:3px 3px 10px 2px #000;
font-family:silent reaction;
padding:10px;width:60%;
margin:0px auto;
}
h2#b:hover{
cursor:pointer;
-moz-transform : scale(1.0085);
-webkit-transform : scale(1.0085);
transform : scale(1.0085);
-moz-transition-property:background;
-webkit-transition-property:background;
transition-property:background;
-moz-transition-duration:3s;
-webkit-transition-duration:3s;
transition-duration:3s;
}
</style>
</head>
<body>
<h2 class='a' id='b'>My Heading Tag 2 in HTML</h2>
<h2>My Heading Tag 2 in HTML</h2>
<h2 class='a' id='b'>© 2010-2016, Allrights reserved.</h2>
<p>My Paragraph Content in HTML</p>
<p>My Paragraph Content in HTML</p>
<h3>My Heading Tag 3 in HTML</h3>
<h3 class='a' id='b'>My Heading Tag 3 in HTML</h3>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.