MODULO 1: FUNDAMENTOS

 Editores HTML CSS JavaScript:
http://codepen.io/
https://www.sublimetext.com/

 HTML: Hiper Text Markup Lines

 Flujo de Trabajo:

Empresa Cliente Nosotros

Python Ruby PHP .

Su estructura básica es la siguiente:  <!--comentario--> Comentario que no se muestra  <!DOCTYPE html> Tipo de Documento  <html lang=”es”> <html> Indicar idioma del sitio  <title> </title> Solo se muestra en la pestaña  <p> </p> Párrafo  <meta charset=”utf-8”> Declarar codificación (para tildes) . MODULO 2: HTML ESTRUCTURA Y SINTAXIS: HTML no diferencia mayúsculas de minúsculas.

ELEMENTOS ESTRUCTURALES: ELEMENTOS PARA DESPLEGAR TEXTO:  ELEMENTOS DE FRASE: o EM Cursiva (con énfasis) o STRONG Negrita (con énfasis mayor)  ENCEBEZADOS o <h1>Encabezado</h1> Para dar orden de Importancia. o <h2>Encabezado</h2> la estética es trabajo de CSS o <h3>Encabezado</h3> o <h4>Encabezado</h4> o <h5>Encabezado</h5> o <h6>Encabezado</h6> .

png” dowload>…</a> (Descargar algún recurso) MODULO 2: CSS SINTAXIS .Enlaces: ANCHOR <a hef=”index.la/” target=”_blank”> …</a> (enlace externo en otra pestaña) <a hef=”#iddelaseccion”> …</a> (enlace interno a referencia) <a hef=”mailto:correo”> …</a> (enlace a enviar email) <a hef=”https://devcode.la/static/logo.la/”>…</a> (enlace externo en misma pestaña) <a hef=”https://devcode.html/”>…</a> (enlace interno a página) <a hef=”https://devcode.

} Tipo : p { propiedad : valor .} Pseudoelementos ::before ::after ::first-letter ::firs-line Combinación de selectores ul li {margen-left: 40px.selector { propiedad : valor .} solo afecta a hijos p+p deben haber dos p inmediatamente p~p deben haber dos p.} legend:hover{color:green.} afecta a todos los descendentes ul > li {margen-left: 40px. } primero asignamos id Clase : . } primero asignamos class Pseudoclases :link da estilo a link no visitado :visited da estilo a link ya visitado :hover da estilo cuando el mouse se encuentra encima de el :active da estilo cuando se da click a un elemento :focus da estilo solo cuando este en el foco.} li:first-child{background:yelow. etc . pink. no necesariamente de inmediato Asignar colores a elementos Keywords  orange. } Id : #selector {propiedad : valor .child(3n) “ Por ejemplo: a:link{color:orange. generalmente eventos de teclado :fist-child usados para “list” :last-child “ :nth-child(2n) “ :nth.SELECTORES: Universal : * { propiedad : valor .

Hexadecimal  RGB y RGBA  Usamos la función rgb(255.color-hex.adobe. Saturation (saturación %). .0.com/ https://flatuicolors.4) HSL y HSLa Hue(matiz 0 .com/ https://color. será respecto al padre) . si no hay definido.com/es/create/color-wheel/ Longitudes en CSS Absolutas ( 1in = 2. Lightness (brillo %) http://www.255.0.0) y rgba(0.359).54cm 1px=1/96in 1pt=1/72in 1pc=12pt ) Relativas rem (respecto a lo declarado previamente) em (respecto a tamaño de fuente.