HTML: Elementos Flashcards
<h1>Soy un elemento</h1>
El contenido de un elemento HTML es la información entre la etiqueta que se abre y la etiqueta que se cierra.
<ol> <li>Head east on Prince St</li> <li>Turn left on Elizabeth</li> </ol>
Lista ordenada.
<ul> <li>Cookies</li> <li>Milk</li> </ul>
Lista no ordenada.
<video src="test-video.mp4" controls> Video not supported </video>
Inserta un video en la página. src - contiene el URL del video.controls - asigna controles al video.Video not supported - Ese texto aparecerá si el navegador no soporta el video.
<em>word</em>
Pone el texto en cursiva.
<div> <h1>A section of grouped elements</h1> <p>Here’s some text for the section</p> </div>
El <div> es un contenedor que divide la página HTML en secciones.
<elementName name="value"></elementName>
El atributo name="value" tiene el objetivo de cambiar el comportamiento del elemento.
A line break haiku.<br> Poems are a great use case.<br>
El rompedor de línea <br> es útil cuando queremos crear un espacio en la página.
<img src="image.png">
Inserta una imagen en la página.src - es el enlace de la imagen.
<h1>Breaking News</h1> <h2>This is the 1st subheading</h2> <h3>This is the 2nd subheading</h3> ... <h6>This is the 5th subheading</h6>
Inserta encabezados en el texto. Son de diferente tamaño.
<p> This is a block of text! Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
Inserta un bloque de texto en la página.
<h1 id="A1">Hello World</h1>
El atributo id se utiliza para diferenciar elementos.
<p id="my-paragraph" style="color: green;"> Here’s some text for a paragraph that is being altered by HTML attributes </p>
Ejemplo de atributos de HTML.
<img src="path/to/image" alt="text describing image"/>
El atributo alt en la etiqueta <img> indica el texto que aparecerá si la imagen falla en cargar.
<p><span>This text</span> may be styled differently than the surrounding text.</p>
El <span> es un contenedor dentro de línea utilizado para diferenciar texto para darle estilo.
<p>This is <strong>important</strong> text!</p>
La etiqueta <strong> convierte el texto en negritas.
