You are on page 1of 5

Encabezados, prrafos y saltos de lnea

Ttulo
<title></title>
Cuerpo
<body></body>
Encabezado
<h1><h6>
Prrafo
<p></p>
Salto de lnea
</br>
Otros Tag
Lnea Horizontal
<hr></hr>, width | align
Negrita, Cursiva, colores y comentarios
<strong></strong>
<em></em>
<font color=color></font>
<!-- -->
Enlaces
Hipervnculos
<a href = url> </a>
Atributo target: _blank
Tabla
<table>
<tr>
<td></td>
</tr>
</table>
Tags
Imgenes
<img src=url alt=mensaje alternativo>
Align
Table
Border
Encabezados
Caption
Combinacin de celdas
Cellpading
Cellspacing
Meta Tag
Define metadata sobre el sitio.
Name (propiedad)
Content (valor de la propiedad)

Refresh
Author
Description
Keywords
Tags
Doctype
Determina el tipo de archivo de html
Listas
Desordenada
Ordenadas
De definiciones
Div
Select
Formularios
Input
button - Permite crear botones.
checkbox - Permite crear checkboxs.
color - Permite elegir colores.
date - Permite escribir fechas.
datetime - Permite escribir fechas y hora.
datetime-local - Permite escribir fechas y hora.
email - Permite escribir emails.
Input
file - Permite seleccionar archivos.
hidden - Permite ocultar el campo.
image - Permite elegir imagenes.
month - Permite elegir un mes.
number - Permite selccionar numeros.
password - Oculta el texto para introducir claves.
radio - Permite crear botones clickeables.
range - Permite elegir un rango.
reset - Permite resetear el formulario.
search - Permite crear un cuadro de busquedas.
submit - Permite crear el boton Submit.
tel - Permite escribir telefonos.
text - Permite escribir texto.
time - Permite escribir la hora.
url - Permite escribir direcciones web.
week - Permite elegir una semana en el ao
HTML
HTML
Apertura y cierre de la pagina web
HEAD
Ecabezado del documento
TITLE Titulo de la pagina
BODY Cuerpo de la pagina
DIV Para definir una seccin dentro del documento

IMG Inclusion de imagenes


H1, H2, H3, H4, H5, H6
Tamao de letra
INPUT Text ingreso de texto en una linea
INPUT Submit
Boton de envio
BUTTON
Botones en formulario
TEXTAREA Crea un control de entrada de texto multilinea
Eventos
onClick
Click con el mouse dentro de un textarea
onFocus & onBlur Cuando el foco se dirige a un elemento y corre cuando el
elemento corre
onMouseOver & onMouseOut
El mouse se situa sobre el elemento y se
aparta de un elemento
onLoad
Se produce cuando un navegador carga un documeno html o una
imagen
submit
Botones de envio
TABLE
Definira una tabla
TR
Para definir fila dentro de una tabla
TD
Define una celda que contiene datos dentro de una tabla
CSS
Selectores
Elemento (p {}) selecciona todos los elementos con el nombre del elemento
especificado
Id (#elementId {})
permite seleccionar un elemento de la pgina a
travs del valor de su atributo id
Contexto (p div {})
permiten especificar diferentes estilos para diferentes
partes de su documento
Clase (.className {}) permiten disponer de una precisin total al
seleccionar los elementos
Propiedades
Color
Establece el color del texto de un elemento
background-color Color y fondo
height
Altura
width
Anchura
font-family
Establece la fuente o tipo de letra
font-size
Establece el tamao de letra
font-style
Establece el estilo del tipo de letra
margin
Establece la anchura de algunos o todos los mrgenes de
los elementos
margin-bottom
Establece la anchura del margen inferior de los elementos
de bloque
margin-left
Establece la anchura del margen izquierdo de los elementos
margin-right
Establece la anchura del margen derecho de los
elementos
margin-top
Establece la anchura del margen superior de los elementos
de bloque
bottom
permite desplazar un elemento respecto a su posicin
original tomando como referencia el borde inferior del
elemento

left
elemento
right
elemento
top

Indica el desplazamiento entre el borde izquierdo del


Indica el desplazamiento entre el borde derecho del
Indica el desplazamiento entre el borde superior del
elemento y la parte superior de su elemento contenedor

JAVASCRIPT
document.getElementById(elementName).value;
accede al primer
elemento con el id especificado (valor)
document.getElementById(elementName).hidden; accede al primer
elemento con el id especificado (oculto)
JSON
window.history.back();
retroceso en una pgina
window.history.forward();
avance en una pgina
window.location='http://www.google.com'; obtener la direccin actual de la
pgina
document.getElementById(elementName).style['background-color'];
document.getElementById(elementName).style[color']; accede al elemento
con el id color de texto
document.getElementById(elementName).style[cssText]; devuelve el
contenido de una declaracin de estilo como una cadena
document.getElementById(elementName).style['font-family']; accede al
elemento con el id fuente o letra
document.getElementById(elementName).style['height']; accede al
elemento con el id de altura
document.getElementById(elementName).style[margin]; accede al
elemento con el id de mrgenes
IF
condicin
AND (&&)

Se emplea para tomar decisiones en funcin de una

Este operador se utiliza para concatenar comparaciones, es


decir, para comprobar varias condiciones
OR (||)
sirve para realizar comparaciones compuestas y slo
devolver false cuando todas las comparaciones los sean
SWITCH
se puede utilizar para realizar comprobaciones mltiples y
tomar decisiones complejas
WHILE
permite crear bucles que se ejecutan ninguna o ms veces,
dependiendo de la condicin indicada.
DO WHILE
es muy similar al bucle while, salvo que en este
caso siempre se ejecutan las instrucciones del bucle al
menos la primera vez
FOR
permite realizar este tipo de repeticiones (tambin llamadas
bucles) de una forma muy sencilla
FUNCTIONS
es un bloque de cdigo diseado para realizar una
tarea en particular
OBJETO DATE
Permite el almacenamiento bsico y la recuperacin
de fechas y horas.

VECTORES
length(string)
caracteres)
charAt(n)
cadena
substring(n,n)

es una coleccin de variables, que pueden ser todas del


mismo tipo o cada una de un tipo diferente
devuelve la longitud de una cadena (nmero de
devuelve el carcter en el ndice especificado en una

extrae los caracteres de una cadena, entre los dos ndices


especificados, y devuelve la nueva cadena de sub.
Math.random()
valor aleatorio entre 0 y 1
Math.round(-2.7) Devuelve el entero mas cercano
Math.min(2,4)
Devuelve el menor de sus dos argumentos
Math.max(2,4)
Devuelve el mayor de sus dos argumentos
Math.pow(2,3)
Exponenciacion primero base y segundo exponente

Alert
Prompt

Muestra un dilogo de alerta con un mensaje


Muestra un dilogo para la entrada de un valor de tipo string

confirm
Cancelar.

Muestra un dilogo de confirmacin con los botones Confirmar y