SlideShare una empresa de Scribd logo
1 de 9
HTML

                        Alumno
       Carlos Jesús Hernández
   Profesor: julio cesar fuentes
QUE ES HTML
 
 HTML, siglas de Hipertexto Markup Language (lenguaje de marcado de 
  hipertexto), hace referencia al lenguaje predominante para la elaboración 
  de pagina web que se utiliza para describir y traducir la estructura y la 
  información en forma de texto, así como para complementar el texto con 
  objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», 
  rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta 
  un cierto punto, la apariencia de un documento, y puede incluir un script (por 
  ejemplo java script), el cual puede afectar el comportamiento de navegadores 
  web y otros procesadores de HTML. 
 HTML también sirve para referirse al contenido del tipo de mime text/HTML 
  o todavía más ampliamente como un término genérico para el HTML, ya sea 
  en forma descendida del XML(como XHTML  y posteriores) o en forma 
  descendida directamente de SGML (como HTML  y anteriores).
HISTORIA DEL HTML
 La primera descripción de HTML disponible públicamente fue un documento 
  llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim 
  Berners Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y 
  relativamente simple de HTML. Trece de estos elementos todavía existen en HTML. 
 Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente 
  reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una 
  primera proposición para una especificación de HTML: el boceto Hipertexto Markup 
  Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de 
  Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero 
  fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada 
  para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar 
  estándares en prototipos con éxito.  De la misma manera, el boceto competidor de Dave 
  Raggett HTML, (Hipertexto Markup Formato) (Formato de Marcaje de Hipertexto), de 
  finales de 1993, sugería estandarizar características ya implementadas, como las tablas. 
 
QUE ES UN SITIO WEB
 
 Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de 
 Internet o subdominio en la Word en Internet.
 Una página web es un documento HTML/XHTML que es accesible generalmente 
  mediante el protocolo HTTP de Internet.
 Todos los sitios web públicamente accesibles constituyen una gigantesca Word Wide 
  Web de información (un gigantesco entramado de recursos de alcance mundial).
 A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común 
  llamado portada, que normalmente reside en el mismo servidor físico. Los URL 
  organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan 
  más particularmente cómo el lector percibe la estructura general y cómo el tráfico 
  web fluye entre las diferentes partes de los sitios.
 Algunos sitios web requieren una subscripción para acceder a algunos o todos sus 
  contenidos. Ejemplos de sitios con subscripción incluyen muchos portales 
  de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios 
  de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores 
  e información económica en tiempo real, etc.
Definición de hipervínculo
 Hipervínculo es en la computación aquella referencia o elemento de
  navegación que permite pasar de un documento electrónico a otro o a
  diferentes partes del mismo documento. El hipervínculo es conocido como
  una de las partes más importantes y esenciales de la red de Internet. Sin
  embargo, son muchos los medios y los soportes electrónicos que pueden
  utilizarlo por fuera de ella. Regularmente, el hipervínculo se encuentra
  destacado del resto del texto a través de color, letras o formatos diferentes,
  de manera tal que el usuario comprenda que existe la posibilidad de buscar
  más información sobre tal término o elemento. Al mismo tiempo, otro
  indicador de la existencia de un hipervínculo es el cambio que se produce
  sobre el puntero del mouse, que normalmente se convierte en una mano.
  Cuando el hipervínculo ya ha sido visitado previamente se volverá a ver en
  otro color para que el usuario identifique más fácilmente lo necesitado.
Definición de hipertexto
 Los sistemas hipertextuales están basados en un enfoque en cual el 
  usuario tiene la posibilidad de crear, agregar, enlazar y compartir 
  información de fuentes diversas, proveyendo la posibilidad de acceder 
  a documentos de manera no secuencial a diferencia de sistemas de 
  información más tradicionales en los cuales el acceso es naturalmente 
  secuencial Esta flexibilidad de acceso genera las nociones de 
  navegación, personalización de presentaciones y anotaciones. Esta 
  sección tiene como objetivo la introducción de los conceptos básicos 
  relacionados con hipertexto e hipermedia, una reseña histórica de la 
  evolución de estos conceptos y una discusión general acerca de los 
  distintos modelos y formalismos desarrollados para diseñar 
  e implementar estos sistemas.

 Una estructura HTML se empieza con la etiqueta <HTML> y acaba 
  con </HTML>. Todo lo que esté en medio será la página web. Dentro 
  de <HTML></HTML> se encuentran 2 partes diferenciadas.
Aspectos a considerar en la diseño
         de pagina web
 Continuando con nuestra serie de consejos para la realización de un sitio web, 
    continuamos explicándole como desarrollar una buena pieza web que comunique de 
    forma eficiente su mensaje en Internet.
   1.- Si su objetivo es dar a conocer un producto o su empresa, no limite el acceso con 
    secciones de autentificación, es decir utilización de “user” y “password” para acceder a 
    los contenidos. Si esta acción es requerida una y otra vez para ingresar a su sitio web, 
    tenga la certeza que el usuario se cambiará sin darse cuenta a un sitio de libre acceso.
   2.- Evite el uso del “Scroll”. No deje contenidos escondidos. No utilice contenidos muy 
    extensos. El usuario o navegante no tiene mucho tiempo para leer todos los contenidos, 
    por lo que no abuso de textos extensos.
   3.- No sature el sitio web con mucha información, contenidos, banners, pop up, etc. Esta 
    saturación de contenidos lo único que logrará es desinformar y confundir al usuario, 
    haciendo que su mensaje sea de difícil búsqueda y que finalmente el navegante se retire 
    de su sitio web sin su información.
   4.- No publique una página de aviso de “Sitio en Construcción”. Lo único que logrará es 
    hacer perder tiempo a su potencial cliente y de paso provocar una mala imagen de su 
    marca en la mente del cliente.
   5.- No haga perder tiempo a los usuarios con páginas muy pesadas. Hoy las personas 
    buscan sitios web livianos donde su visualización se genera en segundos.
Ejercicios de HTML

 Estructura interna de una página HTML.
 <html>
 <head>
 </head>
 <body>
 PHP - Java - JavaScript - C - C++
 </body>
 </html>
Ejercicios Hipervínculo
 <html>
 <head>
 </head>
 <body>
 <h1>Página principal.</h1>
 <a href="pagina2.html">Noticias</a>
 </body>
 </html>

Más contenido relacionado

La actualidad más candente (18)

Términos de Comunicación Interactiva
Términos de Comunicación InteractivaTérminos de Comunicación Interactiva
Términos de Comunicación Interactiva
 
La web
La webLa web
La web
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Html IRVING
Html IRVING Html IRVING
Html IRVING
 
Html
HtmlHtml
Html
 
UG2011html.pptx
UG2011html.pptxUG2011html.pptx
UG2011html.pptx
 
Fundamentos técnicos de internet
Fundamentos técnicos de internetFundamentos técnicos de internet
Fundamentos técnicos de internet
 
Internet pablo
Internet pabloInternet pablo
Internet pablo
 
Internet....
Internet....Internet....
Internet....
 
Html
HtmlHtml
Html
 
Terminos de intertnet trabajo margarita de pezo
Terminos de intertnet trabajo margarita de pezoTerminos de intertnet trabajo margarita de pezo
Terminos de intertnet trabajo margarita de pezo
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Power programacion
Power programacionPower programacion
Power programacion
 
Paginas web
Paginas webPaginas web
Paginas web
 
1° Trabajo de Investigación
1° Trabajo de Investigación1° Trabajo de Investigación
1° Trabajo de Investigación
 
Trabajo 02
Trabajo 02Trabajo 02
Trabajo 02
 
XML y RDF en Web Semántica
XML y RDF en Web SemánticaXML y RDF en Web Semántica
XML y RDF en Web Semántica
 
HTML DIFERENCIA KON XML
HTML DIFERENCIA KON XMLHTML DIFERENCIA KON XML
HTML DIFERENCIA KON XML
 

Similar a Unidad i.introduccion al html (carlos)

comunicacion interactiva
comunicacion interactivacomunicacion interactiva
comunicacion interactivaAleCastellano20
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaMaria Rossana
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaMaria Rossana
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaLorena Lugo R
 
Comunicación interactiva... UFT
Comunicación interactiva... UFTComunicación interactiva... UFT
Comunicación interactiva... UFTadriannys1992
 
Com interactiva
Com interactivaCom interactiva
Com interactivapaoduque13
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4castellanossl
 
Briggitti 2013 informatica 10 4
Briggitti 2013  informatica 10 4Briggitti 2013  informatica 10 4
Briggitti 2013 informatica 10 4briggitti
 
Com interactiva
Com interactivaCom interactiva
Com interactivapaoduque13
 
El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la websilviaxi21
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones webanmacamonte
 
Comunicación Digital
Comunicación Digital Comunicación Digital
Comunicación Digital Kevin Peña
 
Comunicación Interactiva
Comunicación Interactiva Comunicación Interactiva
Comunicación Interactiva Kevin Peña
 
Comunicación Rosanny Moreno
Comunicación Rosanny Moreno Comunicación Rosanny Moreno
Comunicación Rosanny Moreno rosannynatalias
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalLuis Wuicho Angeles
 

Similar a Unidad i.introduccion al html (carlos) (20)

comunicacion interactiva
comunicacion interactivacomunicacion interactiva
comunicacion interactiva
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
Comunicación interactiva... UFT
Comunicación interactiva... UFTComunicación interactiva... UFT
Comunicación interactiva... UFT
 
Com interactiva
Com interactivaCom interactiva
Com interactiva
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
Silvana castellanos 10 4
Silvana castellanos 10 4Silvana castellanos 10 4
Silvana castellanos 10 4
 
Briggitti 2013 informatica 10 4
Briggitti 2013  informatica 10 4Briggitti 2013  informatica 10 4
Briggitti 2013 informatica 10 4
 
Com interactiva
Com interactivaCom interactiva
Com interactiva
 
El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la web
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones web
 
La web
La webLa web
La web
 
Comunicación Digital
Comunicación Digital Comunicación Digital
Comunicación Digital
 
Comunicación Interactiva
Comunicación Interactiva Comunicación Interactiva
Comunicación Interactiva
 
Comunicación Rosanny Moreno
Comunicación Rosanny Moreno Comunicación Rosanny Moreno
Comunicación Rosanny Moreno
 
Diapositivas informatica
Diapositivas informaticaDiapositivas informatica
Diapositivas informatica
 
El origen-de-las-paginas-web-final
El origen-de-las-paginas-web-finalEl origen-de-las-paginas-web-final
El origen-de-las-paginas-web-final
 
Comunicación.. lucimar
Comunicación.. lucimarComunicación.. lucimar
Comunicación.. lucimar
 

Unidad i.introduccion al html (carlos)

  • 1. HTML Alumno Carlos Jesús Hernández Profesor: julio cesar fuentes
  • 2. QUE ES HTML    HTML, siglas de Hipertexto Markup Language (lenguaje de marcado de  hipertexto), hace referencia al lenguaje predominante para la elaboración  de pagina web que se utiliza para describir y traducir la estructura y la  información en forma de texto, así como para complementar el texto con  objetos tales como imágenes. El HTML se escribe en forma de «etiquetas»,  rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta  un cierto punto, la apariencia de un documento, y puede incluir un script (por  ejemplo java script), el cual puede afectar el comportamiento de navegadores  web y otros procesadores de HTML.   HTML también sirve para referirse al contenido del tipo de mime text/HTML  o todavía más ampliamente como un término genérico para el HTML, ya sea  en forma descendida del XML(como XHTML  y posteriores) o en forma  descendida directamente de SGML (como HTML  y anteriores).
  • 3. HISTORIA DEL HTML  La primera descripción de HTML disponible públicamente fue un documento  llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim  Berners Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y  relativamente simple de HTML. Trece de estos elementos todavía existen en HTML.   Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente  reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una  primera proposición para una especificación de HTML: el boceto Hipertexto Markup  Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de  Documento SGML para definir la gramática. El boceto expiró luego de seis meses, pero  fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada  para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar  estándares en prototipos con éxito.  De la misma manera, el boceto competidor de Dave  Raggett HTML, (Hipertexto Markup Formato) (Formato de Marcaje de Hipertexto), de  finales de 1993, sugería estandarizar características ya implementadas, como las tablas.   
  • 4. QUE ES UN SITIO WEB    Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de   Internet o subdominio en la Word en Internet.  Una página web es un documento HTML/XHTML que es accesible generalmente  mediante el protocolo HTTP de Internet.  Todos los sitios web públicamente accesibles constituyen una gigantesca Word Wide  Web de información (un gigantesco entramado de recursos de alcance mundial).  A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común  llamado portada, que normalmente reside en el mismo servidor físico. Los URL  organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan  más particularmente cómo el lector percibe la estructura general y cómo el tráfico  web fluye entre las diferentes partes de los sitios.  Algunos sitios web requieren una subscripción para acceder a algunos o todos sus  contenidos. Ejemplos de sitios con subscripción incluyen muchos portales  de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios  de correo electrónico basados en web, sitios que proporcionan datos de bolsa de valores  e información económica en tiempo real, etc.
  • 5. Definición de hipervínculo  Hipervínculo es en la computación aquella referencia o elemento de navegación que permite pasar de un documento electrónico a otro o a diferentes partes del mismo documento. El hipervínculo es conocido como una de las partes más importantes y esenciales de la red de Internet. Sin embargo, son muchos los medios y los soportes electrónicos que pueden utilizarlo por fuera de ella. Regularmente, el hipervínculo se encuentra destacado del resto del texto a través de color, letras o formatos diferentes, de manera tal que el usuario comprenda que existe la posibilidad de buscar más información sobre tal término o elemento. Al mismo tiempo, otro indicador de la existencia de un hipervínculo es el cambio que se produce sobre el puntero del mouse, que normalmente se convierte en una mano. Cuando el hipervínculo ya ha sido visitado previamente se volverá a ver en otro color para que el usuario identifique más fácilmente lo necesitado.
  • 6. Definición de hipertexto  Los sistemas hipertextuales están basados en un enfoque en cual el  usuario tiene la posibilidad de crear, agregar, enlazar y compartir  información de fuentes diversas, proveyendo la posibilidad de acceder  a documentos de manera no secuencial a diferencia de sistemas de  información más tradicionales en los cuales el acceso es naturalmente  secuencial Esta flexibilidad de acceso genera las nociones de  navegación, personalización de presentaciones y anotaciones. Esta  sección tiene como objetivo la introducción de los conceptos básicos  relacionados con hipertexto e hipermedia, una reseña histórica de la  evolución de estos conceptos y una discusión general acerca de los  distintos modelos y formalismos desarrollados para diseñar  e implementar estos sistemas.  Una estructura HTML se empieza con la etiqueta <HTML> y acaba  con </HTML>. Todo lo que esté en medio será la página web. Dentro  de <HTML></HTML> se encuentran 2 partes diferenciadas.
  • 7. Aspectos a considerar en la diseño de pagina web  Continuando con nuestra serie de consejos para la realización de un sitio web,  continuamos explicándole como desarrollar una buena pieza web que comunique de  forma eficiente su mensaje en Internet.  1.- Si su objetivo es dar a conocer un producto o su empresa, no limite el acceso con  secciones de autentificación, es decir utilización de “user” y “password” para acceder a  los contenidos. Si esta acción es requerida una y otra vez para ingresar a su sitio web,  tenga la certeza que el usuario se cambiará sin darse cuenta a un sitio de libre acceso.  2.- Evite el uso del “Scroll”. No deje contenidos escondidos. No utilice contenidos muy  extensos. El usuario o navegante no tiene mucho tiempo para leer todos los contenidos,  por lo que no abuso de textos extensos.  3.- No sature el sitio web con mucha información, contenidos, banners, pop up, etc. Esta  saturación de contenidos lo único que logrará es desinformar y confundir al usuario,  haciendo que su mensaje sea de difícil búsqueda y que finalmente el navegante se retire  de su sitio web sin su información.  4.- No publique una página de aviso de “Sitio en Construcción”. Lo único que logrará es  hacer perder tiempo a su potencial cliente y de paso provocar una mala imagen de su  marca en la mente del cliente.  5.- No haga perder tiempo a los usuarios con páginas muy pesadas. Hoy las personas  buscan sitios web livianos donde su visualización se genera en segundos.
  • 8. Ejercicios de HTML  Estructura interna de una página HTML.  <html>  <head>  </head>  <body>  PHP - Java - JavaScript - C - C++  </body>  </html>
  • 9. Ejercicios Hipervínculo  <html>  <head>  </head>  <body>  <h1>Página principal.</h1>  <a href="pagina2.html">Noticias</a>  </body>  </html>