GUIA 1 PROGRAMACION WEB PERIODO 2 1002

 SABERES PREVIOS.

 ¿Qué es una página web y cómo crees que está construida por dentro? 

 • ¿Alguna vez has visto el código fuente de una página? ¿Qué encontraste? 

 • ¿Qué diferencia hay entre editar un documento en Word y crear una página web?

 • ¿Qué navegadores conoces? ¿Para qué sirve cada uno?

Etiquetas de párrafo y formato de texto:

Van a colocar las etiquetas de párrafo y formato de texto hechas en HTML mediante bloc de notas o VSC.

Tomar captura de funcionamiento en el navegador y captura del código.

Etiquetas en blog:

ESTO ES UNA ETIQUETA PARRAFO

ESTO ES UNA ETIQUETA STRONG
ESTO ES UNA ETIQUETA CURSIVA SEMANTICA
SUBRAYADO
TACHADO
RESALTADO
TEXTO PEQUEÑO

---

---

TEXTO PREFORMATEADO

 Etiquetas de listas:

Lista desordenada
• Chrome
• Edge
• Firefox

Lista Ordenada
1. Chrome
2. Edge
3. Firefox

Lista de definiciones

Termino

Definicion

ETIQUETAS DE ENLACE:

IR A YOUTUBE
IR A TICSHERVECA

        ETIQUETAS DE IMAGEN.

PROMT

ETIQUETAS DE FORMULARIO

1. Captura de los elementos de formulario  de la tabla.(codigo y app)

2. Captura de funcionamiento del código de ejemplo.

OTRAS ETIQUETAS UTILES.

COMENTARIOS

Un comentarios es una leyenda de texto que sirve al desarrollador o al técnico de código para darle una orientación o información en el flujo del código. No lo tiene en cuenta el interprete de código.

¿Como se coloca un cometario en html?

Para colocar un comentario en código html se realiza dentro de las siguientes etiquetas:

<!--ESTO ES UN COMENTARIO -->

¿Como se coloca una Cita larga en html?

¿Como se coloca una Cita corta en html?

¿Como se coloca un Abreviatura en html?

¿Como se coloca un Código en línea en html?

¿Como se coloca un Subíndice  en html?

¿Como se coloca una Superíndice en html?

¿Como se coloca un Desplegable en html?

¿Como se coloca un Resumen/título en html?

Realice un ejemplo de uso de cada etiqueta, coloque capturas de funcionamiento y de codigo.