Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Qué Es El Código HTML

    Cargado por

    Arnold Grobertt
    48 vistas7 páginas
    El documento explica los conceptos básicos de HTML y JavaScript. Define HTML como un lenguaje de marcado para la estructura y presentación de páginas web, mientras que JavaScript es un lenguaje de programación para crear páginas web interactivas. Detalla las etiquetas y estructuras HTML más comunes como <html>, <head>, <body>, <p>, <img>, así como conceptos de JavaScript como variables, objetos, operadores, condicionales y bucles.

    Descripción original:

    Título original

    Qué es el Código HTML

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    El documento explica los conceptos básicos de HTML y JavaScript. Define HTML como un lenguaje de marcado para la estructura y presentación de páginas web, mientras que JavaScript es un lenguaje de programación para crear páginas web interactivas. Detalla las etiquetas y estructuras HTML más comunes como <html>, <head>, <body>, <p>, <img>, así como conceptos de JavaScript como variables, objetos, operadores, condicionales y bucles.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    48 vistas7 páginas

    Qué Es El Código HTML

    Cargado por

    Arnold Grobertt
    El documento explica los conceptos básicos de HTML y JavaScript. Define HTML como un lenguaje de marcado para la estructura y presentación de páginas web, mientras que JavaScript es un lenguaje de programación para crear páginas web interactivas. Detalla las etiquetas y estructuras HTML más comunes como <html>, <head>, <body>, <p>, <img>, así como conceptos de JavaScript como variables, objetos, operadores, condicionales y bucles.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 7

    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>") }

    También podría gustarte