---------------------------------------------etiquetas de html------------------
titulos
h1
h2
h3
h4
h5
h6
otras etiquetas
p (parrafo)
B(negrita)
i (italica)
strike (tachada)
small(chqiuita)
br (separa parrafos)
div (agrupan etiquetas)
a (conector)----(tarjet="_BLANK")
etiqueta listas
ul ()
ol ()
li ()
etiquetas multimedia
img (poner img) -----(alt="" tittle="")
video (poner video)
audio (poner audio) controls (atributo de audio)
etiquetas de formularios
form (contedor)
input (tipo: text, password, email,
number,date,range,color,time,button,submit)
<textarea></textarea>
elemento atributo (required="")
METADATOS (describen recursos)
charset="utf-8" (codificador universal)
name="keywords" content=" " (palabras clave de pagina)
name=#description" content=""
name="author" content....
name="copyright" content....
link rel="icon" href="[Link]"
HTML SEMANTICO
header(nav ( navegador) encabezado )
article (section ( seccionar ) articulos )
aside( poner a un lado)
footer ( pie de pagina )
tablas
table(tr(td( texto) tabla fila ) genera tabla )
----------------------------------------------------- etiquetas
CSS----------------
<<<<<<<<<<<<<<<<<<<<<<< nivel basico >>>>>>>>>>>>>>>>>>>>>>>>>>>>
Selectores
universal
etiqueta
class
id
atributo
descendiente
pseudo-clases (h2: hover{})
atributos de color
color: ;
red
rgb(_,_,_)
#ffffff
especifidad de niveles (para modificar)
(5) atributos
(4) clases
(3) identificadores
(2) estilos en linea
(1) !important
teoria de medidas para elementos
font-size (texto)
px (simples)
em (1em = 16px)
width - height (objetos) vewport
width = 50vw
height = 50vh
propiedades modificadoras en CSS
font-size
font-family
text-shadow
line-height
text-align( right - center - left - justify...)
display: ( inline/block )
background-color
border
border-color
border-radius
padding
margin
box-shadow
transform ( :rotate( 15deg ))
opacity
propiedades de posicion
absolute
fixed
relative (conserva su espacio)
static (posicion default)
z-index
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< nivel intermedio >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-----------------------------------JavaScript--------------------------------
variables
definir datos
operadores
condicionales
bucles
arrays
programacion orientada a objetos
metodo de cadenas
metodo de consola
DOM( Document Object Model )