Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    Delmy Reyes de Colato
    13 views20 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views20 pages

    HTML

    Uploaded by

    Delmy Reyes de Colato

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 20

    Introduccin al HTML

    Delmy Reyes de Colato Ao 2013

    Vamos a hablar de...HTML


    Conceptos del lenguaje Estructura para documentos Herramientas usadas para crear documentos Buenas prcticas en la publicacin de documentos Problemas que se nos pueden presentar

    HTML: qu es?

    Lenguaje que da formato Define la sintxis y ubicacin de imgenes, instrucciones y objetos al navegador Posibilidad de conectar un documento con otros, o con otros recursos en Internet a travs de hipertexto

    HTML: qu no es?
    No es un procesador de palabra No es una herramienta de escritorio para diagramacin No es un lenguaje de programacin No es multimedia

    Como funciona?
    Protocolo http

    Cliente

    Cliente: Explorer Netscape

    Dame el archivo x Aqu est

    Servidor Remoto

    La Telaraa Mundial
    Mltiples usos: Educacin Investigacin Mercadeo Desarrollo (ddhh y paz, medio ambiente, equidad, diversidad, hbitat, comercio justo)

    Estndares de HTML
    HTML 1 Desarrollado en CERN HTML 2.0 Incluye mejoras en NCSA Mosaic (formularios e imgenes) HTML 3.2 Mejoras para controlar el formateo de tablas, etc. HTML 4.0 Mejoras para publicaciones multiplataforma (CSS, XML, WAP, DHTML)

    Terminologa
    HTTP: Hypertext Transfer Protocol Parmetros de comunicacin cliente servidor Web

    HTML: Hypertext Markup Language

    Lenguaje nativo para documentos publicados en el Web independiente del tipo de plataforma.

    URL: Uniform Resource Locator


    Direccin de un objeto en el Web http://www.colnodo.org.co/

    Fundamentos
    Rtulos <H1>Inicio</H1> No sensitivos a maysculas y minsculas <H1> o <h1> Algunos atributos pueden ser sensibles a maysculas y minsculas como los nombre de archivos, por ejemplo. Normalmente van en pares denotando inicio y fin <H1> y </H1>

    Documentos Bsicos
    Deben incluir
    <HEAD> y </HEAD> contiene

    informacin sobre el documento <BODY> y </BODY> es el contenido principal del documento <HTML> y </HTML> contiene los 2 elementos anteriores

    2 Ejemplos...
    <TITLE>Mi Primer Documento</TITLE> doc1.html Este es mi primer documento HTML. <HTML> doc2.html <HEAD> <TITLE>Un mejor documento</TITLE> </HEAD> <BODY> <P>Novedades sobre el <EM>World Wide Web</EM> disponible en <A HREF="http://www.w3.org/">W3C</A></P> </BODY> </HTML>

    Elementos Bsicos
    Rtulos Bsicos
    <B> <I> <HEAD> <TITLE> <P>

    Rtulos de Formato Fsico Rtulos de Formato Lgico


    <STRONG> <EM> <UL> <LI>

    Enlaces de Hipertexto
    <A HREF="">

    Caracteres Especiales
    Permiten que diferentes navegadores hagan visibles los caracteres diagrficos de los idiomas diferentes al ingls: &aacute; &agrave; &ntilde;

    Tablas
    Organizacin comparativa de informacin Ubicacin dentro de la pgina Mltiples atributos para especificar

    Formularios
    Interactividad Retroalimentacin Recoleccin de datos Pueden tabularse y analizarse Respuestas personalizadas Aceptado por todos los navegadores

    Creando documentos
    Pueden ser creados usando editores simples como Notepad, vi, emacs. Ventajas Es barato Se aprende a comprender el lenguaje HTML Desventajas Es fcil cometer errores Necesita comprender la sintxis HTML

    Herramientas avanzadas
    Interface amigable y fcil de usar para crear documentos Ocultan a disposicin las complejidades del cdigo HTML Pueden ser herramientas autnomas o insertas en procesadores de texto

    You might also like