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 (19)

Fundamentos técnicos de internet
Fundamentos técnicos de internetFundamentos técnicos de internet
Fundamentos técnicos de internet
 
Html IRVING
Html IRVING Html IRVING
Html IRVING
 
Power programacion
Power programacionPower programacion
Power programacion
 
Herramientas de la web
Herramientas de la webHerramientas de la web
Herramientas de la web
 
UG2011html.pptx
UG2011html.pptxUG2011html.pptx
UG2011html.pptx
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Internet pablo
Internet pabloInternet pablo
Internet pablo
 
Internet....
Internet....Internet....
Internet....
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Html
HtmlHtml
Html
 
Luisa noemi ibarra mora
Luisa noemi ibarra moraLuisa noemi ibarra mora
Luisa noemi ibarra mora
 
La web
La webLa web
La web
 
Dn11 u3 a31_rpa - copia
Dn11 u3 a31_rpa - copiaDn11 u3 a31_rpa - copia
Dn11 u3 a31_rpa - copia
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Que es html y xml
Que es html y xmlQue es html y xml
Que es html y xml
 
Paginas web
Paginas webPaginas web
Paginas web
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
Hipervinculos
HipervinculosHipervinculos
Hipervinculos
 

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
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones webanmacamonte
 
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
 
El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la websilviaxi21
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactivaLorena Lugo R
 
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
 
Comunicación interactiva mt
Comunicación interactiva mtComunicación interactiva mt
Comunicación interactiva mtsmariateresa
 
Primera diapositiva
Primera diapositivaPrimera diapositiva
Primera diapositivajuriiypau
 
Primera diapositiva
Primera diapositivaPrimera diapositiva
Primera diapositivajuriiypau
 
Comunicación interactiva... UFT
Comunicación interactiva... UFTComunicación interactiva... UFT
Comunicación interactiva... UFTadriannys1992
 
Com interactiva
Com interactivaCom interactiva
Com interactivapaoduque13
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño webdianayroman
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al htmlramoniutepi
 

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
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones web
 
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
 
El diseño de la web
El diseño de la webEl diseño de la web
El diseño de la web
 
Comunicacion interactiva
Comunicacion interactivaComunicacion interactiva
Comunicacion interactiva
 
La web
La webLa web
La web
 
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 interactiva mt
Comunicación interactiva mtComunicación interactiva mt
Comunicación interactiva mt
 
Comunicación.. lucimar
Comunicación.. lucimarComunicación.. lucimar
Comunicación.. lucimar
 
Primera diapositiva
Primera diapositivaPrimera diapositiva
Primera diapositiva
 
Primera diapositiva
Primera diapositivaPrimera diapositiva
Primera diapositiva
 
Comunicación interactiva... UFT
Comunicación interactiva... UFTComunicación interactiva... UFT
Comunicación interactiva... UFT
 
Com interactiva
Com interactivaCom interactiva
Com interactiva
 
Introduccion al diseño web
Introduccion al                                 diseño webIntroduccion al                                 diseño web
Introduccion al diseño web
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 

Último

Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 

Último (19)

Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 

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>