html

25
HTML (HiperText Markup Language) es un lenguaje de formateo de texto en entorno web.

Upload: janeth-crespo

Post on 17-Dec-2015

5 views

Category:

Documents


0 download

DESCRIPTION

html

TRANSCRIPT

  • HTML (HiperText Markup Language) es un lenguaje de formateo de texto en entorno web.

  • GENERALIDADESHTML es un lenguaje de marcasSe limitan con los signos menor que ( < ) y mayor que ( > ) La marca de final cerrada con una barra ( / ), ejemplo: Textoennegrita

  • ESTRUCTURA Aqueltitulodetupgina Textodetupagina; aquirnloscdigos,etc

  • ETIQUETA BODYSINTAXIS:

    PROPIEDADESCONTENIDObackgroundImagen de fondoTopmargin Margen superiorleftmargin- Margen izquierdobgcolor- Color de fondo del documentotext- Color del texto de la pgina- Color del texto de la pgina-Color de los vnculoslink - vlink - Color de vnculos visitados alink - -Color de vnculos activos

  • Ejemplo:

  • FORMATO BSICOb - Texto en negritai - Texto en cursivah1, h2, h3... Encabezadosp Prrafou - Texto subrayados - Texto tachadokdb - Texto que el usuario debe escribircite - Este cdigo es usado para citas generalemente cortasdfn - Resalta una palabra que se va a definir posteriormenteright - Texto desplazado hacia la derechacenter - Texto desplazado hacia el centro de la pginafont - Marca que sirve para definir la fuente y el color del texto que escribiremos.big - Texto de dimensiones mas grandespre - Texto que ha sido formateado, es decir que respeta los saltos de lnea, enters, etc .

  • PodemosmetertextoennegritaFormato de Texto:Fontface - Seguida de esta palabra colocaremos la fuente que queramos (ej. Arial) size - Seguida de esta palabra colocaremos el tamao que queramos que sea la letra (Ej. 5) color - Seguida de esta palabra colocaremos el color RGB que queremos dar a nuestro texto.Letradecolorrojoytamao5

  • Toque bonito

    12

  • etiqueta de prrafo. Texto Centrado Texto alineado a la derecha Texto alineado a la izquierda Texto justificadoALINEACIN DE TEXTO

  • EJEMPLO DE TEXTO SIN FORMATO

    Mi Pgina de prueba

    Bienvenido a mi primera pgina web. Espero se sientan a gusto y disfruten su visita.

  • Niveles de encabezados HTML Los encabezados corresponden con las etiquetas , , .... , , ...La etiqueta se corresponder con el nivel de encabezado o ttulo principal TEXTO la etiqueta con el nivel de encabezado 2 y as respectivamente...Podemos incluir dentro de ella las opciones align=center y align=right

  • Mi Pgina de prueba

    Losanimales Losanimalessonunampliogrupodeorganismos, pluricelularesytisulares Losprimerosfsilesdeanimalestienenalrededorde600millonesdeaos Lasplantas Lasplantassonseresvivosfotosintticos,sincapacidadlocomotoraycuyasparedescelularessecomponenprincipalmentedecelulosa Secalculaqueaparecieronhacemediobillndeaos

  • Saltos de lnea yprrafosSi deseamos que el texto contine en la lnea siguiente, pero sin el espacio vertical que deja la etiqueta , entonces debemos usar la etiqueta (del ingls break o rotura de lnea). Nueve de Octubre y Boyac Guayaquil, Ecuador (593)685-211 - fax (593)685-2117 correo-e: [email protected]

  • LINEAS DE SEPARACINEtiquetaSe utilizan para separar contenidos entre prrafos a travs de una lnea no necesita etiqueta de cierre.Sintaxis TEXTO

  • EJEMPLO:

    Dejar ir al pasado no es olvidar,es darle unaoportunidad a futuro Walter Riso. Autor.

  • PRACTICA # 2Utilizando las herramientas de formato de alineacin, presentar la siguiente salida

  • PRACTICA # 3DISEE UNA PAGINA DE TEXTO COMO UN EDITORIAL CON ALGUN TEMA REFERENTE A PEDAGOGIA.UTILICE LOS DIFERENTES FORMATOS ANTES VISTO.NO SE REQUIERE QUE LA PAGINA TENGA IMGENES SOLO QUE SEA TIPO TEXTO

  • Insertar listasen el texto Frecuentemente preparamos listas de artculos u opciones al resumir los textosEtiquetas enlista con vieta enlista numericamente indica elemento de la listaNota: Si deseamos que la numeracin se haga en forma alfabtica (a., b., c., etc.) en vez de numrica, simplemente iniciamos la lista entonces con la etiqueta .

  • EJEMPLO:

    Los objetivos del INSTRAW son:

    Estimular y asistir el avance de la mujer, por medio de la investigacin, la capacitacin y la recoleccin y diseminacin de informacin.Hacer ms visible la contribucin de la mujer al desarrollo.Apoyar los esfuerzos de organizaciones inter-gubernamentales, gubernamentales y no gubernamentales para estos fines.

  • PRACTICA#4