Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un...

of 29/29
Hypertext Markup Language HTML
  • date post

    28-Jan-2016
  • Category

    Documents

  • view

    219
  • download

    0

Embed Size (px)

Transcript of Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un...

  • Hypertext Markup LanguageHTML

  • OBJETIVOSConocer los fundamentos de HTMLEscribir HTML usando un editor sencilloConocer las marcas HTMLVisualizar el HTML en un navegadorCuando se cre?En 1986 la organizacin internacional de Estndares publica el SGML (Standard Generalized Markup Language) En 1993 se crea el HTML 2.0 (o HTML+)

  • HTMLHTML (Hypertext Markup Language)es un lenguaje de marcas, sencillo, pensado para el intercambio de informacin en la WWW. CSS se usa para formatear el contenido previamente estructurado.HypertextEs texto ordinario al que se le incorporan funcionalidades adicionales como:Formato,Imgenes,MultimediaY enlaces a otros documento.MarkUpEs el proceso de tomar el texto ordinario e incorporarle smbolos adicionales.

  • Archivo HTML bsico Delimita el Documento HTML Delimita el encabezado del Documento HTMLEn general incluye los metadatos del documentos y Scripts. Delimita el Cuerpo del Documento HTML.Es donde se incluyen los contenidos visibles del documento.Ejemplo Aqu se incluyen os distintos elementos del encabezado Aqu se incluyen los distintos elementos contenedores

  • Estructura General

    Titulo de mi Pgina...... Informacin opcional .....

    .... el texto del documento con marcas....

    CabeceraCuerpo

  • Documento HTML con encabezadosEncabezado 1Encabezado 2Encabezado 3Encabezado 4Encabezado 5Encabezado 6

  • ParrafosEs el contenedor mas comn.Su sintaxis es: EncabezadosIndican una jerarqua de secciones dentro del documentoSu sintxis: , , ,.. ,

  • Elementos Etiquetas

    Pares de etiquetas Texto Etiquetas con atributos Las etiquetas pueden anidarse

  • PARRAFOSCambian las dos lneas para que se muestren asiMi primera pgina web

    sta es mi primera pgina web

    Qu emocionante

  • Reglas Generales Los documentos son estructurados Nombres de elementos o atributos no sensibles amaysculas Valores de atributos pueden ser sensibles a maysculas Nombres de elementos no pueden contener espacios Usar comillas para valores de atributos El browser destruye e ignora caracteres de espacio

  • Elemento HTMLNombre deLa EtiquetaNombre delatributoValor delatributoAtributoContenidoEtiquetaFinalElemento HTML Encabezado de Ejemplo

    Etiqueta de Inicio

  • Atributos de texto ...Soy un parrafo ...Soy un texto en Negrita ...Soy un texto en Cursiva ...Soy un texto Subrayado ...Souy un texto TachadoSalto de linea inserta una linea Horizontal...Letra SuperIndice ...Letra SubIndice

  • Documento HTML con encabezadosMi primera pgina webMi primera pgina webQu es esto?Una pgina simple creada usandoHTMLPara qu es esto?Para aprender HTML

  • Documento HTML con contenido

    Mi primera pgina WEB Hola a todos, como han deducido por el titulo esta es la primera pagina web que hago, espero que les guste. Seguir mejorando.

  • Uso de etiquetas HTML

    Dibujo de lneas horizontales

    Escritura de contenido sin tener en cuenta espacios en blanco

    Escritura de prrafosComentarios

  • Presentacin de texto en HTMLAlineamiento align "center", "left" y "right"Espaciado Tipo de letra , , , , , , , , , , , , , , , Tamao de letra Color de letra

  • Presentacin de texto en HTMLEscritura de caracteres del alfabeto espaol , , , , , , , , , , Escritura de caracteres especiales , &, "

    nnn;

  • Presentacin de texto en HTMLListasNumerada u ordenada No ordenada Listas de glosario o de definicin Mens Listas de directorio

    Tablas , , ,

  • Imgenes: La etiquetaimg es usada para insertar una imagen en un documento HTML

  • LISTAS: las hay de 3 tipos: ordenadas (ol), desordenadas(ul), de definiciones (li)Mi primera pgina webMi primera pgina webQu es esto?Una pgina simple creada usandoHTMLPara qu es esto?Para aprender PresumirPorque me he enamorado de micomputadora y quiero darle amorHTML.

  • Para aprender HTMLPara presumirA mi maestraA mis amigosA mi gatoAl pequeo pato hablador en mi cerebroPorque me he enamorado de mi computadora yquiero darle amorHTML.

  • Enlaces hipertexto en HTMLPgina en otro directorio: dir/subdir/archUso de anclas: ComienzoReferencia externa: Texto sensible

  • Apariencia de una pginaColor de fondo Imgenes de fondo Imgenes y texto
  • Otras facilidades en HTMLUso de framesVideosSonidoMultimedia
  • Mi primera pgina webMi primera pgina webQu es esto?Una pgina simple creada usando HTMLPara qu es esto?Para aprender HTMLEnlace recomendadoRock &Tech

  • Bibliografawww.w3.orghttp://java.sun.com/applets/index.html

  • Preguntas?

    *