Você está na página 1de 5

*Estructura de un programa JS.

 Tipo script (protocolo) NO compilado.


 Compacto.
 Basado en objetos. No OO. Usa objetos.
 Guiado por eventos. Responde a las acciones del usuario.
 Para desarrollo de aplicaciones Cliente servidor en internet.

*HTML

 NO es un lenguaje de programación.
 Sistema de etiquetas que indican como mostrar un documento o sus elementos para
intercambiar información en el web.

Un documento HTML se;

 Crea en cualquier procesador de texto.


 Graba en la extencion .html.
 Visualiza en cualquier navegador web.

*Estructura de un documento HTML.

<html>
<head>

<title>titulo del documento</title>

Contenido del encabezado del documento.

</head>

<body>

Contenido del cuerpo del documento.

</body>

</html>

*Etiquetas.

Etiquetas Descripción
Html Define un documento html.una pagina web.
<html>
documento
</html>
Head Define la cabecera de una pagina web. Dentro de un documento HTML
contiene el titulo y también información.
<head>
cabecera
</head>
Body Se encuentra todo el contenido del documento texto, imágenes, sonido,
hipervínculos entre otros.
<body>
cuerpo
</body>
Title Define el titulo de una pagina que aparecerá en la barra de títulos del
navegador. Dentro de la cabecera.
<title>titulo</title>
Hx Define títulos en 6 diferentes niveles x:1-6 dentro del
<hx>titulo</hx>
P Define el párrafo ajusta el texto al ancho disponible en varias líneas.
Su atributo permite alinear el texto.
 Left ….. a la izquierda.
 Center …..centrado.
 Rigth…. a la derecha.
 <p aling …valor>parrafo</p>
U Presenta un texto. subrayado
<u>texto</u>
Strong b Presenta un texto en negrita. Recomendable usar strong.
<strong>texto</strong>
Em I Presenta un texto en cursiva lo enfatiza recomendable usar.
<em>texto</em>
Riel s strike Presenta un texto recomendable usar.
<del>texto</del>
Table tr td Define una tabla, una fila de la tabla y una celda de la fila.
hx Define títulos en 6 diferentes niveles x:1 -6 dentro del cuerpo pero puede
estar en la cabecera.
a Esta etiqueta caracteriza a html permite ganar vínculos de hipertexto para
enlazar otros documentos en la web. Siempre lleva uno de sus atributos,
Hrf toma como valor el nombre de un punto en el mismo documento o la
dirección url de otro documentode manera que presenta un enlace dinamico
en el que hacer clik redirecciona hacia su destino.
Ol ul Definen una lista ordenada o sin orden especifico se puede anidar lista las
listas secundarias se sangran respecto a las primarias.
li Define un elemento dentro de una lista se puede especificar si se ordenan con
viñetas o numeradas y el estilo de numeración con su parámetro type cuyos
valores.
 1 o sin el atributo lista numérica.
 Lista numérica con números romanos.
 A o lista con incisos letras mayúsculas o minúsculas.
Dt Define una lista de definiciones el termino como subtitulo y la definición en
otra línea sangrada respecto al termino para que el termino y definición estén
en la misma línea.
Dd Marca el termino a definir.
Hr Marac la definición.
Br Inserta un salto de línea se pueden poner barios.
Form Define un formulario esta formado por barios elementos cajas de texto,
botones, cajas de chequeo usando para recoger información del usuario o
mostrársela una vez llena la información puede ser enviada por correo
electrónico o utilizada por un programa.

*elementos de formularios.

Elemento Descripción.
Listas de Se usan para saber la opinión del usuario con opciones preestablecidas que
seleccion puedan elegir de una lista de valores se definen con la etiqueta select cuyos
atributos son.
 Name le asigna nombre.
 Ld le asigna una identificación al elemento.
 Sixe indica el numero de opciones visibles.
 Multiple indica que se pueden seleccionar varias obciones las opciones
de la lista se definen con la etiqueta option cuyos valores son.
 Selected indica la opción seleccionada por defecto poner en la opción
que se desea seleccionar por defecto.
 Value asocia un numero o una letra.
Botón de radio Usados cuando se quiere saber la opinión del usuario con opiniones
o radio preestablecidas que pueden elegir de una lista solo una opción a la ves se
botones define como la etiqueta imput cuyo atributo tipet tomara un valor de radio
otros atributos son:
 Name le asigna nombre al elemento todas las opciones del elemento
deberán tener el ismo nombre.
 Id le asigna un identificador al elemento este es el atributo.
 Value asocia un numero o una letra a la opción.
 Cheked indica la opción seleccionada por defecto poner en la opción
que se desea seleccionar por defecto.
Cajas de texto Se usan para albergar infromacion corta y concreta se definen con la etiqueta
imput cuyo atributo type tomara el valor text otros atributos para este
elemento son:
 Size define el tamaño si el texto no cabe en la caja se desplaza hacia la
izquierda pero sin variar el tamaño valor numérico entre comillas.
 Name le asigna el nombre.
 Id le asigna la identificación para poder referenciarlo.
Áreas de texto Cajas de texto de varias líneas dan al usuario espacio para escribir un texto
largo se define como la etiqueta textarea cuyos atributos son:
 Rows define el tamaño como el numero de filas de texto visible valor
numérico entre comillas.
 Cols define el tamaño de la caja como el numero de filas texto visible
valor numérico entre comillas.
 Name le asigna el nombre,
botones Se usan como disparadores de funciones o programas se definen como la
etiqueta imput cuyo atributo tipe toma el valor buttonotrso atributos para
este elemento son:
 Name le asigna el nombre.
 Id le asigna un identificador elemento.
 Value el texto que se desea aparezca en el botón.
Botón de radio La etiqueta br hace que se visualicen las opciones en forma vertical una en
o radio forma de otra si se quita se visualizaran en forma horizontal.
botones

*incrustar JS en HTML

 JS se puede incrustar en cualquier parte de un documento HTML.


 Recomendable en la cabecera asegurar que el cargar del docuemento todo el código esta
cargado y listo para ejecutarse si ocurre el evento apropiado.
 Es muy flexible por lo que se puede realizar de varias maneras.

*en el mismo documento HTML.

 Mediante el uso de las etiquetas HTML cuyo atributo lenguaje indica el lenguaje utilizando
para el protocolo.
 Los valores del lenguaje son estándar para JavaScript es javascript.
 Alternativamente usar el atributo type que tiene el mismo objetivo que lenguaje.
 Sus valores también son estándar para javascript.

*en un archivo externo JS.

 Se enlaza también atravez de etiqueta HTML script, pero de otro de sus atributos src que
recibe el nombre y dirección un archivo externo donde está definido el código JavaScrip.
 También en cualquier parte del documento, en pero recomendable en su cabecera.

En un archivo externo JS enlazado al HTML.

 Arch JS es el archivo JS externo cuyo contenido esencialmente es el programa que


quiere ejecutar.
 Código JS formado por una o barias instrucciones.

*Reglas de sintaxis en JS.

 En case sensitive, distingue mayúsculas de minúsculas- h y H son dos variables diferentes.


 No toma en cuenta espacios en blanco ni nuevas líneas. El interprete de JS ignora los
espacios en blanco sobrantes- se puede ordenar en forma adecuada el código usando
tabulaciones, espacios, nuevas líneas, etc. Para entenderlo mejor.
 No pueden tener espacios.
 Pueden estar formados por números, letras, el carácter de pesos (S) y el carácter de
subrayado o guion largo (--)
 Pueden ser una secuencia solamente de letras, pero no, solo de números.
 Deben empezar con una letra (S) o - . no pueden empezar en un numero-
 No se pueden utilizar los nombres de clases ni métodos predefinidos.
*reglas de nombres para JS

No se puede usar palabras reservadas del lenguaje.

Break, case, catch, continue, default, delete, do, elce, finally, for, function, if, instanceof, new,
nuevo, return, esbritch, this, throw, try, typeof, bar, vold, White, witch, entre otros.

Es recomendable que sea significativo.

Debe rebelar el concepto que expresa u objetivo que cumple.

Você também pode gostar