- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Single HTML tags</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Instructor Cupcake</h1>
<p>In future courses, you'll often get help from Instructor Cupcake. Let's give him a chance to introduce himself:</p>
<!-- Image -->
<!-- Separator -->
<blockquote>
<p>Hi, my name is Cupcake and I am your future instructor. I am a web developer. My most famous projects are:<!-- Line break -->
Cat Energy blog,<!-- Line break -->
HTML and CSS course,<!-- Line break -->
JavaScript course.</p>
<p>We'll see you in future courses!</p>
</blockquote>
</body>
</html>
CSS
body {
font-family: "Georgia", serif;
}
/* Quotation design example */
blockquote {
margin: 1.5em 0;
padding: 0.5em 15px;
line-height: 1.5;
background-color: #f9f9f9;
border-left: 2px solid #cccccc;
}
You have moved to another page
GoalsCompleted
0
Practice using single tags to design your instructor card.
- Instead of the text
<!-- Image -->
insert the tag<img>
(the image itself will appear in the next task). - Instead of
<!-- Separator -->
insert the tag<hr>
. - Instead of
<!-- Line break -->
insert the tags<br>
.