- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<title>Etiquetas HTML individuales</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Instructor Cupcake</h1>
<p>En los siguientes cursos, el instructor Cupcake los ayudará a entender mejor los detalles de HTML y CSS. Vamos a dejar que se presente:</p>
<!-- Imagen -->
<!-- Separador -->
<blockquote>
<p>¡Hola! Me llamo Cupcake y seré su próximo instructor. Soy desarrollador web. Mis proyectos más conocidos son:<!-- Salto de línea -->
el blog Cat Energy,<!-- Salto de línea -->
el curso sobre HTML y CSS,<!-- Salto de línea -->
el curso sobre JavaScript.</p>
<p>¡Nos vemos en los próximos cursos!</p>
</blockquote>
</body>
</html>
CSS
body {
font-family: "Georgia", serif;
}
/* Ejemplo de estilo para una cita */
blockquote {
margin: 1.5em 0;
padding: 0.5em 15px;
line-height: 1.5;
background-color: #f9f9f9;
border-left: 2px solid #cccccc;
}
Ha ido a otra página
Haga clic dentro del mininavegador para poner el foco en esta ventana.
ObjetivosRealizado
0
Practiquen el uso de etiquetas individuales para completar la tarjeta del instructor.
- En lugar del texto
<!-- Imagen -->, inserten la etiqueta<img>(la imagen aparecerá en el siguiente ejercicio). - En lugar de
<!-- Separador -->, inserten la etiqueta<hr>. - En lugar de las marcas
<!-- Salto de línea -->, inserten etiquetas<br>.