- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Pojedyncze znaczniki HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Instruktor Cupcake</h1>
<p>W poniższych kursach w opanowaniu zawiłości HTML i CSS często będzie ci pomagał instruktor Cupcake. Dajmy mu szansę się przedstawić:</p>
<!-- Obraz -->
<!-- Separator -->
<blockquote>
<p>Cześć, nazywam się Cupcake i jestem twoim przyszłym instruktorem. Jestem web developerem. Moje najbardziej znane projekty:<!-- Transfer -->
blog Cat Energy,<!-- Transfer -->
kurs HTML i CSS,<!-- Transfer -->
kurs JavaScript.</p>
<p>Do zobaczenia w przyszłych kursach!</p>
</blockquote>
</body>
</html>
CSS
body {
font-family: "Georgia", serif;
}
/* Przykład projektu cytatu */
blockquote {
margin: 1.5em 0;
padding: 0.5em 15px;
line-height: 1.5;
background-color: #f9f9f9;
border-left: 2px solid #cccccc;
}
Sei passato a un'altra pagina
ObiettiviFatto
0
Poćwicz używanie pojedynczych znaczników do zaprojektowania karty instruktora.
- Zamiast tekstu
<!-- Obraz -->
wstaw znacznik<img>
(sam obraz pojawi się w następnym zadaniu). - Zamiast
<!-- Separator -->
wstaw znacznik<hr>
. - Zamiast podpisu
<!-- Transfer -->
wstaw znaczniki<br>
.