Apuntes de programacion HTML

html es el primer idioma q se aprende para desarollo web, se pueden crear paginas y solo se necesita editor de texto

Estructura de un proyecto web

-Abrir visual estudio code

-Crear archivo nuevo INDEX.HTML -INDICE-

HTML: se escribe todo el contenido de la pagina, nada que tenga relacion con el diseño o detalles visuales. Se incluyen textos,links, imagenes, videos, etiquetas que estructuran todo el contenido de la pagina web. Todo lo estetico se llama CSS.

-html:5 forma la estructura basica. Esta compuesto por HTML, HEAD (contiene toda la meta información) Y BODY (lo que ve el usuario en el navegador).

BODY: elemento P, lo que se escribe entre medio es lo q figura en la pagina. Para visualizar se pone abrir en el navegador

           h1, h2, etc: titulos por jerarquia, del mas grande al mas chico

TITLE: nombre q sale en la pestaña

LANG: en que lenguaje esta escrito el documento

IMPORTANTE RESPETAR LOS ESPACIADOS

CADA PIEZA Q HAGO TIENE QUE TENER SENTIDO

muchas veces tiene mas sentido usar h1 que p

UL y despues LI de lista. EL UL SE CIERRA CUANDO YA PUSE TODA LA CAN TIDAD DE LISTAS QUE qUIERO

INSPECCIONO Y EDITO AHI CON LA CONSOLA DE GOOGLE PARA Q SEA MAS RAPIDO Y EN TIEMPO REAL SOLO SE HACE EN EL NAVEGADOR, AL REFRESCAR VUELVE COMO ESTABA ANTES. PARA QUE LOS CAMBIOS SE GUARDEN HAY QUE MODIFICARLO EN EL DOCUMENTO DE TEXTO DE VISUAL STUDIO

enfasis elemento strong para resaltar lo mas importante en medio del texto

elemento a enlaces a otros links

elemento button hacer click

IMAGENES HTML

atributo: info complementaria que le vamos a dar un elemento para completarlo, dar mas informacion para poder mostrarse en el navegador

img: insertar foto, dentro tiene SRC ruta de la imagen y ALT texto alt que se muestra si la imagen no se carga

siempre q se usa imagen usar atributo ALT

entro a pagina, inspecciono, busco el elemento SRC y lo copio para que cargue correctamente la imagen

atributo HEIGHT ALTURA - WIDTH ANCHO

ELEMENTOS HTML

de bloque aquel que ocupa toda la fila q tiene disponible,  y de linea no empiezan con una nueva linea se usa el elemento spam

FORMULARIO: INTERACTUAR O Q OTRA PERSONA NOS MANDE INFORMACION.

elemento FORM. se crea nivel de form y adentro etiquetes donde quiero q el usuario complete, elemento LABEL, acompañar con INPUT TEXT para q se pueda llenar atributo PLACEHOLDER ingrese su correo, es una ayuda al cuadro

poner action en form para ayudar a los otros

añadir atributo name a un input para definir nombre de variables

investigar q otros elementos añadir a un formulario

SOLO PUEDE HABERUN H1 POR PAGINA

CREAR ANATOMIA DE PAGINA ANTES DE PROGRAMARLA

ELEMENTO HEADER Es la parte del HTML que hace referencia al encabezado de un documento, cuando se trata de un sitio web, el header es la parte superior donde habitualmente se incluyen los vínculos de navegación, botones a redes sociales, formularios de búsqueda, logos, menús, entre otros.

Cuando un elemento header es declaracdo dentro de un elemento de seccionamiento (como article o section) representa un encabezado en el ámbito de ese elemento. De lo contrario (cuando pertenece al elemento body) representa un encabezado para el documento entero.

og protocolo buscar

open graph data elemento para llenar todo y ver pre visualización al compartir va en HEAD

facebook debugger, etc

Capa de presentación

En este módulo aprenderás cómo aplicar estilos a tus documentos HTML, de manera tal que puedas diseñar tus páginas con colores, tipografías y espaciados, según lo requieras.

La capa de presentación, aplicada a través de CSS, te permitirá customizar tus documentos y hacer diseños a medida. Verás las distintas formas de aplicar CSS, buenas prácticas, box model y conceptos clave para que puedas seguir adelante.CSS

...