<!-- sample solutions to Logo Image-->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background-color: black;
color: white;
font-family: Helvetica;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
</body>
</html>
<!-- sample solutions to Background Image -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
color: white;
font-family: Helvetica;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
</body>
</html>
<!-- sample solutions to Background Check -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
</body>
</html>
<!-- sample solution to Font sizes -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
p{
font-size: 24px;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
</body>
</html>
<!-- sample solution to Remove Default Styles -->
<!DOCTYPE html>
<head>
<style>
body {
text-align: center;
background: url("https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/splash.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
color: white;
font-family: Helvetica;
}
input {
border: 0;
}
p{
font-size: 24px;
}
</style>
</head>
<body>
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
<p>
This is a picture of an indifferent owl.
</p>
</body>
</html>
No comments:
Post a Comment