Descubriendo etiquetas HTML

Descubriendo etiquetas HTML

by Hiram Ramirez

​

​HTML es el lenguaje que estructura todas las páginas web en internet.

​

​HTML le dice al navegador como mostrar el contenido como imágenes, enlaces y texto.

Multiple Choice

¿Qué lenguaje estructura todas la páginas en internet?

• JavaScript

• CSS

• HTML

• Java

​Etiquetas de HTML

​Los nombres de las etiquetas en HTML son la palabra exacta en inglés o sus iniciales.

Multiple Choice

¿Cuál de las siguientes etiquetas HTML crea un botón?

• <p>

• <h1>

• <video>

• <button>

Fill in the Blanks

Escribe la etiqueta para crear un botón.

Etiquetas de apertura​

​La etiqueta <button> le dice al navegador que queremos comenzar a mostrar un botón.

Multiple Choice

¿Qué piensas que viene después de la etiqueta de apertura: <button>?

• La etiqueta de cierre </button>

• Otra etiqueta de apertura <button>

Fill in the Blanks

Escribe la etiqueta de cierre para un botón.

Multiple Choice

¿Cuál es el resultado del siguiente código?

<button>Estoy listo para empezar</button>

• Un video

• Una imagen

• Un botón con el texto: Estoy listo para empezar

• Un botón con el texto: Entrar

Fill in the Blanks

Escribe la etiqueta de cierre.

<button>Like

Fill in the Blanks

Escribe el código para crear un botón que diga: Send

Fill in the Blanks

¿Qué símbolo hace falta en la etiqueta de cierre?

<button>Add Friend< button>

Fill in the Blanks

Escribe el código para crear un botón que diga: Comment

Multiple Choice

¿Cuál de las siguientes etiquetas HTML crea un párrafo?

• <p>

• <video>

• <h1>

• <button>

​Hora de codear!

​Codifica un botón que muestre el texto: Post

​Hora de codear!

​Codifica un botón que muestre el texto: Post

​

​<button>Post</button>

​Hora de codear!

​Codifica un párrafo que muestre el texto: HTML es divertido

​

​

​Hora de codear!

​Codifica un párrafo que muestre el texto: HTML es divertido

​

​<p>HTML es divertido</p>

Multiple Choice

¿Cuál de las siguientes etiquetas HTML crea un encabezado?

• <p>

• <video>

• <h1>

• <button>

​Hora de codear!

​Codifica un encabezado que muestre el texto: Among Us

​

​

​Hora de codear!

​Codifica un encabezado que muestre el texto: Among Us

​

​<h1>Among us</h1>

Fill in the Blanks

Agrega la etiqueta de cierre correcta.

<button>Add Friend

Fill in the Blanks

Agrega la etiqueta de cierre correcta.

<p>Add Friend

Fill in the Blanks

Agrega la etiqueta de cierre correcta.

<h1>Add Friend

Multiple Choice

¿Cuál de las siguientes etiquetas HTML crea un encabezado más pequeño que h1?

• <p>

• <video>

• <h6>

• <button>

Fill in the Blanks

Agrega la etiqueta de apertura correcta.

Add Friend</h2>

​Elementos HTML

Se conoce como elemento HTML a la etiqueta de apertura, la etiqueta de cierre y el código que va entre ambas etiquetas.

Multiple Choice

¿Cuál de estos es un elemento HTML?

• </p>

• <video>

• <h6></h6>

• <button>Hola</button>

​Hora de codear!

​Codifica un encabezado que muestre el texto: Mi tienda en línea

​

​

​Hora de codear!

​Codifica un encabezado que muestre el texto: Mi tienda en línea

​

​<h1>Mi tienda en línea</h1>

html y body

Las etiquetas html y body forman la estructura de una página web. Colocamos todo lo que queremos que aparezca en la página web dentro de la etiqueta body.