Teoría
Teoría

Etiquetas HTML individuales

Algunas de las etiquetas emparejadas que hemos conocido. ¿Cuáles son algunas de las etiquetas individuales?

Las etiquetas de par suelen ser necesarias para organizar una sección de texto. Con un par de etiquetas, puedes especificar el principio y el final de esa sección. Pero hay algunas etiquetas que no están pensadas para fragmentos de texto.

Por ejemplo, una etiqueta para insertar una imagen o una etiqueta para insertar una barra separadora. Estas etiquetas añaden un único objeto a la página y no necesitan encerrar ningún texto para hacerlo. Por eso se llaman etiquetas simples.

Ejemplos de estas etiquetas son <br>, <hr>, <img>.

Por cierto, verá tales fragmentos de código en el editor HTML: . Se llaman "comentarios", y el navegador no los muestra en la página.

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 le ayudará a menudo a dominar las complejidades de HTML y CSS. Démosle la oportunidad de presentarse:</p>   <blockquote> <p>Hola, me llamo Cupcake y soy tu futuro instructor. Soy desarrolladora web. Mis proyectos más famosos: Cat Energy blog, curso sobre HTML y CSS, curso sobre JavaScript.</p> <p>¡Nos vemos en futuros cursos!</p> </blockquote> </body> </html>

CSS

body { font-family: "Georgia", serif; } /* Ejemplo de diseño de cotización */ blockquote { margin: 1.5em 0; padding: 0.5em 15px; line-height: 1.5; background-color: #f9f9f9; border-left: 2px solid #cccccc; }

ObjetivosRealizado

Practica utilizando etiquetas individuales para diseñar tu tarjeta de instructor.

En lugar del texto , inserte la etiqueta <img> (la propia imagen aparecerá en la siguiente tarea).
En lugar de , inserte una etiqueta <hr>.
En lugar de la leyenda , inserte las etiquetas <br>.