programación html

19
PROGRAMACIÓN DE PÁGINAS WEB HTML 1

Upload: gabriel-flores

Post on 17-Dec-2015

36 views

Category:

Documents


3 download

DESCRIPTION

todo sobre HTML

TRANSCRIPT

  • PROGRAMACIN DE PGINAS WEB HTML*

  • QU ES HTML?Hyper Text Markup Language (Lenguaje de marcacin de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). El concepto de Hipertexto (Conocido tambin como link) permite conectar dos elementos entre si y el SGML (Lenguaje Estndar de Marcacin General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programacin como Visual Basic, etc., sino un sistema de etiquetas. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensin .htm o .html Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Microsoft Internet Explorer. *

  • Creacin de pginas web con lenguaje HTML

    Se pueden utilizar varios programas especializados Otra forma de disear un archivo .html, es copiar todo en el Bloc de Notas del WindowsEstructura de los documentos de HTML

    *

  • ESTRUCTURA BSICA DEL HTML

    Toda pgina Web debe contener la siguiente estructura : La etiqueta le indica al visualizador que va a comenzar a leer un documento HTML y se debe colocar siempre al comienzo y al fin del texto. Indica un encabezado . Ttulo

    *

  • ESCRIBIR TTULOSPara escribir ttulos se usa la etiqueta en donde x es un nmero:Titulo principalTitulo secundarioTitulo terciarioTitulo cuarto nivel Quedara:Ttulo principalTtulo secundario Ttulo terciarioTtulo cuarto nivel

    *

  • ETIQUETAS DE PRRAFOSe utiliza la etiqueta y .

    Este comando es muy til debido a que si uno escribe algo porque el texto siempre va a aparecer en la misma lnea.

    *

  • Para alinear un prrafo se utiliza el comando y , utilizado dentro de la etiqueta . Se puede alinear de tres formas diferentes Prrafo... Alinea a la izquierda. Prrafo... Realiza un centrado. Prrafo... Alinea a la derecha. Para cambiar de lnea sem usa el comando: . Para separar un prrafo de otro:

    *

  • ETIQUETAS PARA FORMATO DE TEXTO y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto y Sirve para tachar un texto. y Cumple la misma funcin que y Para colocar un texto en cursiva. texto con nfasis texto con nfasis citacin citacin definicin definicin teclado teclado ejemplo ejemplo SIZE: Regula el tamao de los caracteres. FACE: fuente (arial)

    *

  • COLORES :

    :Regula el color del texto:1.Especificacin de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)2. Nombre del color en ingls :para el color de fondo.

    text="#nmero" Para el color del texto. link="#nmero" Para el color de los enlaces. vlink="#nmero" El color con que aparecern los enlaces ya visitados. alink="#nmero" Color del enlace cuando lo pulsamos.La combinacin de nmeros depende del color que se quiera,

    *

  • ETIQUETAS META

    Usadas para poner meta-informacin del documento.

    Indica el nombre de la persona que elabora la pagina WEB

  • LENGUAJE SCRIPTDEFINICIN:

    Un lenguaje de script es un pequeo lenguaje de programacin cuyo cdigo se inserta dentro del documento HTML. Este cdigo se ejecuta en el navegador del usuario al cargar la pgina, o cuando sucede algo especial como puede ser el pulsar sobre un enlace.

    CARACTERSTICAS:

    Permiten variar dinmicamente el contenido del documento, modificar el comportamiento normal del navegador, validar formularios etc... Se ejecutan en el navegador del usuario y no en la mquina donde estn alojadas.

    *

  • LISTASLas listas pueden ser:

    Lista desordenada, (Unordered List).Lista ordenada, (Ordered List).Lista con crculos: Lista con cuadrados:

    *

  • INSERCCIN DE UNA IMAGENLa etiqueta utilizada para agregar imgenes a una pgina Web es , va acompaada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo a insertar .

    Es decir:

    *

  • HIPERENLACES,HYPERLINKS O LINKSPara definir un enlace es necesario marcar con la etiqueta el objeto del cual va a partir dicho enlace. Debe incluir :href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con , y despus cerrar con . Ejemplo: queremos que el texto "pulse aqu para visitar tienda ONLIE" nos conduzca a la "home page" de la tienda onlie, debemos escribir en nuestro texto HTML: Pulse aqu para visitar a la tienda onlieSe vera : Pulse aqu para visitar a la tienda onlie Si queremos foto:Foto entonces al hacer clic en el texto Foto nos abrir la imagen.gif.

    *

  • TABLAS* Las tablas son posiblemente la manera ms clara de organizar la informacin. Tambin es el modo ms adecuado de maquetar texto y grficos de una manera algo ms controlada que con los parmetros ALIGN. Las tablas se definen de la siguiente manera. Primero, las caractersticas de la tabla, luego las de cada fila y dentro de sta, cada celda. As sera un ejemplo de tabla:

    1,1 1,2 1,3 2,1 2,2

  • *Estas son las cosas que podremos cambiar con los atributos de TABLE: BORDER Especifica el grosor del borde que se dibujar alrededor de las celdas. Por defecto es cero, lo que significa que no dibujar borde alguno. CELLSPACING Define el nmero de pixeles que separarn las celdas. CELLPADDING Especifica el nmero de pixeles que habr entre el borde de una celda y su contenido. WIDTH Especifica la anchura de la tabla. Puede estar tanto en pixeles como en porcentaje de la anchura total disponible para l (pondremos "100%" si queremos que ocupe todo el ancho de la ventana del navegador). ALIGN Alinea la tabla a izquierda (LEFT), derecha (RIGHT) o centro (CENTER).

  • SONIDOFormatos WAV y MID.

    Otros necesitan : plug-in o Real Audio para los archivos RA.ModPlug para los MOD y derivados.

    Sonido activado por el usuario La manera ms sencilla de incluir sonidos es dejando al usuario la decisin de escucharlos o no. Para hacerlo incluiremos el sonido en el parmetro HREF de un enlace, como si fuera una pgina HTML: Sonido de fondo En Explorer, desde la versin 2.0, se pueden incluir fondos sonoros utilizando la etiqueta BGSOUND :

    *

  • CONCLUSIN Si no hubiera HTML aun seguiramos con el antiguo FTP mandndonos o bajando archivos que a veces ni sabamos lo que eran ni lo que contenan, sin poder visualizarlo antes. El lenguaje de HTML fue un gran avance para el mundo ya que permite a las personas crear sus propias pginas web de cualquier tipo de contenido para mostrrselas al resto de los pases por medio de internet.Con el HTML se logr un gran movimiento econmico ya que muchas empresan unan la red para publicar , ofrecer y vender sus productos .Tambin gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, HotMail, Gmail,Amazon, etc. Todo el universo de Internet se lo debemos al HTML, ya que todas las pginas con las que se compone la World Wide Web estn hechas con el lenguaje de programacin HTML.

    *

  • BIBLIOGRAFAhttp://www.monografias.com/

    http://www.um.es/docencia/

    http://www.diariosdelanube.com/2013/12/domina-blogger-sin-ser-un-experto-en.html

    http://www.intergraphicdesigns.com/blog/

    http://panicoenlaxbox.blogspot.com/2011/04/espacios-en-blanco-en-html.html

    *