tema1-0-introduccion

download tema1-0-introduccion

of 11

description

introduccion para desarrollo web de un buen instituto

Transcript of tema1-0-introduccion

  • TALLER DE DESARROLLO WEB I4TO CICLO

    Gonzalo Anchante HurtadoDocente*

  • PRESENTACIN:Profesor: Gonzalo Anchante HurtadoCorreo: [email protected]@inei.gob.peCalificaciones:-Participacin durante la clase-Examen Parcial-Notas de prcticas de clase o laboratorio-Puntualidad en Clase y entrega de trabajos*

  • TEMA 1: INTRODUCCINIntroduccin al HTML.Tablas, hipervnculos, listas, imgenes.Estilos. Como aplicarlos. Crear clases.Ejercicios propuestos.*

  • HTMLHTML es el lenguaje con el que se escriben las pginas web. Las pginas web pueden ser vistas por el usuario mediante un tipo de aplicacin llamada navegador. *

  • HTMLEl HTML es un lenguaje que basa su sintaxis en un elemento de base al que llamamos etiqueta. La etiqueta presenta frecuentemente dos partes: Una apertura de forma general Un cierre de tipo *

  • HTMLTodo lo incluido en el interior de esa etiqueta sufrir las modificaciones que caracterizan a esta etiqueta.*

  • HTMLEjemplo:Las etiquetas y definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente cdigo: Esto esta en negrita El resultado Ser: Esto esta en negrita *

  • PARTES DE UN DOCUMENTO HTML Adems de todo esto, un documento HTML ha de estar delimitado por la etiqueta y . Dentro de este documento, podemos asimismo distinguir dos partes principales: El encabezado, delimitado por y donde colocaremos etiquetas de ndole informativo como por ejemplo el titulo de nuestra pgina. El cuerpo, flanqueado por las etiquetas y , que ser donde colocaremos nuestro texto e imgenes delimitados a su vez por otras etiquetas como las que hemos visto. *

  • PARTES DE UN DOCUMENTO HTML Etiquetas y contenidos del encabezado Datos que no aparecen en nuestra pgina pero que son importantes para catalogarla: palabras clave,... titulo Etiquetas y contenidos del cuerpo Parte del documento que ser mostrada por el navegador: Texto e imgenes *

  • ETIQUETASNegrita=>.Cursiva=> ..Subrayado=> Encabezado => ..Subindice=>.Supindice=>.Sangria=>.Fuente=>..Lista ordenada=>.Lista no ordenada=>.

    *

  • ETIQUETASTabla=>.Fila=> .Celda=>Enlaces=>.Imgenes=>Salto de linea=>Formulario=>Controles=>.sonido, videos=>.

    *

    **********