Qué Es El Código HTML

Qu es el Cdigo HTML?
No es un lenguaje de programacin, sino un conjunto de reglas de cmo se debe visualizar un documento web. Nota: El HTML, no diferencia las minsculas de las maysculas, por lo que es indiferente la utilizacin de las primeras, las segundas o una mezcla de las dos.
Qu es una pgina web?
Una pgina web, es un conjunto de cdigo, imgenes, animaciones, sonido, etc., que son interpretados por un browser (navegador) y que permite dar a conocer informacin a nivel mundial. Existen dos tipos de pginas web: esttica y dinmica; la primera formada por cdigo, imgenes y animaciones, mientras que la segunda adicional a esto, se conectan a una base de datos. Un documento web se divide en cabecera y cuerpo, por lo que las etiquetas bsicas sern aquellas que indiquen esta separacin. Dentro de la cabecera se debe especificar un ttulo para el documento, con lo que las etiquetas bsicas sern las que indiquen que se trata de un documento html (html), las cabeceras (head), ttulo (title) y cuerpo (body).
Tipo de pginas web:
Estructura de un documento HTML
Estructura bsica de un documento web

<html> <head> </head> <body> </body> </html> Inicio y fin de la cabecera Inicio y fin del cuerpo
Inicio y fin de Un documento html
Etiquetas HTML ms utilizadas

Texto: <p> y </p>: comienzo y fin de un prrafo. <hn> y </hn>: Permiten definir los diferentes niveles de cabecera. Nota: Donde n es un nmero comprendido entre 1 y 6. <font> y </font>: formatea el texto comprendido entre estas etiquetas. <center> y </center>: centra el objeto comprendido entre dichas etiquetas. <b> y </b>: coloca negrita al texto comprendido entre dichas etiquetas. <i> y </i>: coloca cursiva al texto comprendido entre dichas etiquetas. <u> y </u>: subraya el texto comprendido entre dichas etiquetas. Listas: Las listas son elementos de texto un poco ms complejos. Sirven para organizar el texto de forma que se estructure de acuerdo a una determinada jerarqua. Existen tres tipos de listas: - Descriptivas: <DL>
<DT> <DD> </DL> No numeradas: <UL> <LI> <LI> </UL> Ordenadas: <OL> <LI> <LI> </OL>
Otros Atributos: <body bgcolor=Color>: permite colocar un color de fondo a la pgina web. <body background=imagen>: permite colocar una imagen de fondo a la pgina web. <body background=imagen bgproperties=fixed>: permite colocar una imagen de fondo a la pgina web con un efecto deslizante. Imgenes: <img src=ruta de la imagen height=x width=y>: permite insertar una imagen en la pgina web y darle las dimensiones x (alto) y y(ancho). Enlaces: Un enlace es un hipervnculo a una posicin interna o externa de una pgina web. Referencia interna: Este tipo de referencia requiere dos partes: una en la que se le asigna un nombre a un determinado punto del documento y otra en la que se sita un enlace, de ser activado, llevar al usuario a dicho punto. <a name=nombre></a>: coloca una marca en una posicin del documento. <a href=#nombre>: permite al usuario desplazarse al lugar marcado anteriormente. Referencia Externa: Se conoce de esta manera a los enlaces que referencian a otras pginas web. <a href=URL>xxx</a>: permite desplazarse a la pgina web indicada en URL, al hacer click sobre el texto xxx. Tabla: Son formas de presentar datos en un documento web. <table> <tr> Inicio y fin de Inicio y fin de <td> una fila una columna </td> </tr> </table>
Inicio y fin de una tabla
Nota: para combinar celdas en html, se emplean: o Colspan = valor: donde valor representa el nmero de columnas que va a ocupar la celda
Rowspan =valor: donde valor representa el nmero de filas que va a ocupar la celda.
Lenguaje Java Script:

Es un lenguaje de programacin, desarrollado por Netscape en estrecha colaboracin con Sun Microsystem. Permite crear pginas web interactivas (DHTML) con relativa facilidad. Se utiliza tanto para programacin en el lado del cliente como en el lado del servidor. Al igual que otros lenguajes de programacin, JavaScript utiliza variables, estructuras, operadores, adems permite crear objetos y utilizarlos.
Algunas de las actividades que se pueden realizar con JavaScript
Controlar las ventanas del navegador y el contenido que muestran. Programar pginas dinmicas. Evitar depender del servidor Web para clculos sencillos. Capturar los eventos generados por el usuario y responder a ellos sin salir a Internet. Simular el comportamiento de las macros CGI cuando no es posible usarlas. Comprobar los datos que el usuario introduce en un formulario antes de enviarlos. Comunicarse con el usuario mediante diversos mtodos.

Nota: El lenguaje JavaScript debe insertarse en el cdigo HTML y su formato es: <SCRIPT Language="JavaScript"> // texto, funciones, etc </SCRIPT>
OPERADORES
Operadores de comparacin:
Operadores == != > >= < <= Descripcin Igualdad de comparacin. La comparacin se realiza con ajuste de tipos si es necesario. Desigualdad (no igualdad) de comparacin. Ajustando tipos si es necesario. Mayor que Mayor o igual que Menor que Menor o igual que
Operadores aritmticos:
Operador + * / % ++ (u) -- (u) - (u) Suma Resta Multiplicacin Divisin (1) Mdulo. Resto de una divisin de dos enteros. Operador incremento. Incrementa en una unidad el valor de una variable. Operador decremento. Decremento en una unidad el valor de una variable. Negacin. Cambia el signo del valor al que acompaa. Descripcin
(u) Operadores unarios (1) La operacin de divisin siempre devuelve un valor en coma flotante (aunque los operandos sean enteros
Operadores lgicos:
Operador x && y !x Descripcin Operador 'Y' (AND). Devuelve 'true' si son 'true' tanto 'x' como 'y'. Operador 'NO' (NOT). Negacin del operando.
Operadores de asignacin:
Operador x=y x += y x -= y x *= y x /= y x %= y Asigna a 'x' el valor de 'y' Suma con asignacin. x = x + y Resta con asignacin. x = x y Multiplicacin con asignacin. x = x * y Divisin con asignacin. x = x / y Mdulo con asignacin. x = x % y Descripcin
VARIABLES
Notas: 1. En JavaScript se define tres tipos bsicos de valores: nmeros, cadenas de texto y booleanos (true/false). 2. Las variables no necesitan ser declaradas y pueden almacenar cualquier tipo de dato de forma dinmica:
C1 ="Esto es una cadena de texto"; C2 = 14;
3. El tipo de dato que almacena una variable se resuelve segn el contexto. Por ejemplo, si se utiliza el operador suma (+) mezclando cadenas de caracteres con valores numricos, el resultado es una cadena:
C1 = "El nmero es "; C2 = 14; Resultado = C1 + C2;
OBJETOS
En JavaScript se pueden crear objetos que posteriormente pueden ser instanciados y utilizados, los objetos se pueden definir de dos formas:
1. Utilizando un inicializador:
obj = {propiedad1:valor1, propiedad2:valor2, ...}; obj = {color:"rojo", forma:"crculo", tamano:20};
2. Mediante un constructor.
function objeto(){ this.color = "rojo"; this.forma = "cuadrado"; this.tamano = 20;
Para crear nuevas instancias del objeto:
objeto2 = new objeto();
ESTRUCTURA CONDICIONAL
if (condicin) { sentencias } else { sentencias alternativas }
True
Expresin
False
Accin 1
Accin 2
Nota: 1. La expresin "condicin" debera devolver true o false. 2. La sentencia switch es equivalente a varios if...else anidados. 3. La palabra clave break permite detener la ejecucin y salir del bloque.
switch (expresin) { case valor1: sentencias 1 .... break;
. . . case valorn: sentencias n .... break; default: sentencias por defecto }
ESTRUCTURAS REPETITIVAS Bucle FOR

La sintaxis del bucle FOR
for ( [expresin inicial] ; [condicin] ; [expresin incremental] ) { sentencias ... }
True
DFD
False
Condicin
Accin 2 Salir del bcle Incrementa
Bucles WHILE y DO ... WHILE

Sintaxis: WHILE DO ... WHILE
while (condicin) { sentencias; .... }
do { sentencias; .... } while (condicin)
Ejemplo 1: Visualizacin de texto mediante una ventana. <CENTER> <FORM> <INPUT Type="button" Value="ejemplo1" onClick="Alert('Hola mundo!')"> </FORM> </CENTER>
Ejemplo 2: Definicin de una funcin. ... <HEAD> ... <SCRIPT Laguage="JavaScript"> <!-function Cuadrado(numero) { return numero * numero; } //--> </SCRIPT> ... </HEAD> <BODY> ... <CENTER><FORM> El cuadrado de 5 es: <INPUT Type="button" Value="ejemplo2" onClick="alert(Cuadrado(5))"> </FORM></CENTER>
var num = 1 ; for(num = 1; num <= 10; num++){ alert(num); } var x;
x=1; while (x<=100) { document.write(x); document.write('<br>'); x=x+1; var suma = 0; while (suma < 1000){ suma += parseInt(Math.random() * 100) ; document.write (suma + "<br>") }

Qué Es El Código HTML

Cargado por

Copyright:

Formatos disponibles

Qué Es El Código HTML

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Qué Es El Código HTML

Cargado por

Copyright:

Formatos disponibles

Qu es el Cdigo HTML?

Qu es una pgina web?

Tipo de pginas web:

Estructura de un documento HTML

Estructura bsica de un documento web

Inicio y fin de Un documento html

Etiquetas HTML ms utilizadas

Inicio y fin de una tabla

Lenguaje Java Script:

Algunas de las actividades que se pueden realizar con JavaScript

C1 ="Esto es una cadena de texto"; C2 = 14;

C1 = "El nmero es "; C2 = 14; Resultado = C1 + C2;

obj = {propiedad1:valor1, propiedad2:valor2, ...}; obj = {color:"rojo", forma:"crculo", tamano:20};

function objeto(){ this.color = "rojo"; this.forma = "cuadrado"; this.tamano = 20;

Para crear nuevas instancias del objeto:

objeto2 = new objeto();

switch (expresin) { case valor1: sentencias 1 .... break;

. . . case valorn: sentencias n .... break; default: sentencias por defecto }

ESTRUCTURAS REPETITIVAS Bucle FOR

Accin 2 Salir del bcle Incrementa

Bucles WHILE y DO ... WHILE

while (condicin) { sentencias; .... }

do { sentencias; .... } while (condicin)

var num = 1 ; for(num = 1; num <= 10; num++){ alert(num); } var x;

También podría gustarte