TECNOLOGIA PRINCIPAL DE LA WEB
El código HTML se basa en etiquetas. Las etiquetas utilizan corchetes angulares < >.
EJEMPLO: <button>
Los corchetes angulares < > rodean el nombre del elemento que deseas agregar a la
página. Los elementos como botones, texto e imágenes se añaden a las páginas web
con diferentes etiquetas.
Puedes usar la etiqueta de imagen (<img>) para añadir imágenes a una página web.
Completa la etiqueta de imagen
<img
>
Necesitas etiquetas HTML para añadir diferentes elementos a una página.
Relaciona el elemento con la etiqueta
Botón: 1
Imagen: 3
Párrafo de texto: 2
Tabla: 4
1) <button> 2) <p> 3) <img> 4) <table>
HTML te permitirá:
Crear sitios web
Trabajar de manera más eficiente con equipos técnicos
Mejorar tus habilidades de marketing digital
La estructura de una página web se construye en HTML.
Luego puedes darle estilo a la página con CSS.
JavaScript se utiliza para hacer que las páginas sean interactivas.
En resumen, aprendiste que:
⭐ El código HTML controla la estructura de una página web
⭐ Las etiquetas HTML se utilizan para añadir elementos a una página web
⭐ Algunos ejemplos de etiquetas HTML son <button>, <img>, <table> and <p>
CODIGO HTML
El código HTML le indica al navegador (por ejemplo, Chrome, Safari, etc.) cómo
mostrar una página web.
Muchos elementos HTML requieren tanto etiquetas de apertura como de cierre.
Ejemplo:
Linea para codificar un botón LIKE
Las etiquetas de cierre son muy similares a las etiquetas de apertura. La única
diferencia es que contienen una barra inclinada hacia adelante /.
Puede personalizar el texto para el botón. El contenido del botón se coloca entre las
etiquetas.
Completa el código para un botón de Comment
<button>Comment</button>
Muchos elementos requieren tanto etiquetas de apertura como de cierre, también
conocidas como etiquetas contenedoras. El texto del párrafo es otro ejemplo.
Completa el código para un párrafo válido.
<p>Once upon a time</p>
Puedes combinar múltiples elementos en tu código.
Por ejemplo, un párrafo de texto y un botón
<p>This product is awesome</p>
<button>Buy</button>
Tu navegador web (por ejemplo, Chrome, Safari, etc.) puede leer el código HTML y traducirlo
en lo que ves cuando navegas por la web.
Pregunta:
Un navegador web…
requiere que el usuario entienda el código HTML
traduce el código HTML en páginas web (Correcta)
¡Increíble! Aprendiste que:
⭐ Elementos como botones y párrafos de texto requieren etiquetas contenedoras
⭐ Las etiquetas contenedoras consisten tanto de etiquetas de apertura < > como de
cierre </>
⭐ Puedes usar el Code Playground para escribir, ejecutar y probar código HTML real
ENCABEZADOS
El texto en las páginas web se puede organizar en diferentes secciones,
con encabezados.
Los encabezados también ayudan a los motores de búsqueda como Google a saber
de qué trata tu página para mostrársela a las personas adecuadas.
Los encabezados en HTML tienen diferentes niveles. <h1> define el encabezado más
importante.
Codifica un encabezado de nivel 1
<h1>Heading 1</h1>
Puedes usar hast 6 niveles de encabezados en HTML. Las etiquetas pra estos
elementos de encabezado son <h1>, <h2>, <h3>, <h4>, <h5> and <h6>.
Completa la línea para codificar un encabezado de nivel 2
<h2>My New Blog Post</h2>
Los encabezados son otro elemento que requiere etiquetas de apertura y cierre.
HASTA AQUÍ 4L 09 ABRIL
Completa el código HTML para el encabezado
<h1>A Whole New World</h1>
Puedes combinar los encabezados con otros elementos.
Ejecuta el código para ver lo que mostrará el navegador web
CODE PLAYGROUND: HTML
<h1>The Best Restaurant</h1>
<p>Best food in the city</p>
<h2>Food Menu</h2>
<h3>Starters</h3>
<p>Small bites</p>
<button>Order now</button>
<
h1 es el encabezado más importante.
Debes tener solo un encabezado de nivel 1 por página.
Los niveles de encabezado deben ser utilizados en el orden correcto (h1, h2, ...h6).
RESPU
ESTA: ETIQUETAS CONTENEDORAS
Algunos elementos HTML pueden ser definidos con solo una etiqueta. Se
llaman etiquetas vacías.
La etiqueta de imagen <img> es un buen ejemplo de una etiqueta vacía, no requiere
una etiqueta de cierre.
Completa los espacios para clasificar las etiquetas HTML
Etiqueta contenedora:
<h1></h1>
Etiqueta vacía:
<img>
¡Bien hecho! Aprendiste que:
⭐Hay muchas ventajas de usar encabezados en tus páginas
⭐ Puedes usar hasta 6 niveles de encabezados
⭐ Los encabezados requieren etiquetas contenedoras
IMÁGENES
¡Una imagen vale más que mil palabras! Las páginas web con imágenes obtienen más visitas,
se posicionan mejor en los resultados de búsqueda y se comparten más en redes sociales.
RESPUESTA: IMG
Técnicamente, las imágenes no se insertan en una página web, se enlazan. La fuente
(src) de la imagen debe incluirse en la etiqueta.
Crea una etiqueta de imagen válida
<imgsrc="image_location">
HASTA AQUÍ LLEGAMOS 4D LUNES 08 DE ABRIL
Debes indicarle al navegador dónde encontrar la imagen. La fuente (src) es la
ubicación en Internet donde se almacena la imagen.
Crea una etiqueta de imagen válida
<img
src
="http://www.img.jpg">
Los navegadores web solicitan información de la web para armar y mostrar las páginas
web.
El código, los documentos y los archivos multimedia como imágenes y videos son
reunidos por el navegador para mostrar la página web resultante.
Los servidores web son computadoras que están siempre conectadas a Internet y escuchan
continuamente las solicitudes de información.
La fuente (src) en la etiqueta de imagen apunta al servidor donde se encuentra la imagen.
RESPUESTA: En servidores que están escuchando solicitudes de
información.
La URL es una ubicación (o dirección) en la web. La URL de la imagen debe estar
encerrada entre comillas simples o dobles.
Crea una etiqueta de imagen válida
<img src="http://www.img.png">
El icono de imagen rota se muestra generalmente en las páginas web cuando algo está mal
con la imagen.
PRUEBA
RESPUESTA: Parrafo
RESPUESTA: LA ULTIA H1 /H1
