- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Singoli tag HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Cupcake dell'istruttore</h1>
<p>Nei corsi che seguono, sarete spesso aiutati a padroneggiare le complessità di HTML e CSS dall'istruttore Cupcake. Diamogli la possibilità di presentarsi:</p>
<!-- Immagine -->
<!-- Separatore -->
<blockquote>
<p>Ciao, mi chiamo Cupcake e sono il tuo futuro istruttore. Sono una sviluppatrice web. I miei progetti più famosi:<!-- Trasferimento -->
il blog Cat Energy,<!-- Trasferimento -->
il corso di HTML e CSS,<!-- Trasferimento -->
il corso di JavaScript.</p>
<p>Ci vediamo nei prossimi corsi!</p>
</blockquote>
</body>
</html>
CSS
body {
font-family: "Georgia", serif;
}
/* Esempio di progettazione della quotazione */
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
Fare clic all'interno del mini-browser per evidenziare questa finestra.
ObiettiviFatto
0
Esercitatevi a usare i cartellini singoli per progettare la vostra scheda istruttore.
- Al posto del testo
<!-- Immagine -->,inserite il tag<img>(l'immagine stessa apparirà nel prossimo compito). - Invece di
<!-- Separatore -->,inserire un tag<hr>. - Al posto della didascalia
<!-- Trasferimento -->, inserire i tag<br>.