 HTML, siglas de HyperText Markup Language («lenguaje de
  marcado de hipertexto»), es el lenguaje de marcado
  predominante para la elaboración de páginas web.
 Es usado para describir la estructura y el contenido 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 JavaScript), el cual
  puede afectar el comportamiento de navegadores web
  y otros procesadores de HTML.
 HTML también es usado 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 1.0 y posteriores) o en
  forma descendida directamente de SGML (como HTML
  4.01 y anteriores).
   Los elementos son la estructura básica de HTML. Los
                elementos tienen dos propiedades básicas: atributos y
                contenido. Cada atributo y contenido tiene ciertas
                restricciones para que se considere válido al documento
                HTML. Un elemento generalmente tiene una etiqueta de
Elementos
                inicio (p.ej. <nombre-de-elemento>) y una etiqueta de
                cierre (p.ej. </nombre-de-elemento>). Los atributos del
                elemento están contenidos en la etiqueta de inicio y el
                contenido está ubicado entre las dos etiquetas
               (p.ej.                             <nombre-de-elemento
                atributo="valor">Contenido</nombre-de-elemento>).



               La mayoría de los atributos de un elemento son
                pares nombre-valor, separados por un signo de igual
                «=» y escritos en la etiqueta de comienzo de un
                elemento, después del nombre de éste. El valor
                puede estar rodeado por comillas dobles o simples,
Atributos




                aunque ciertos tipos de valores pueden estar sin
                comillas en HTML (pero no en XHTML). De todas
                maneras, dejar los valores sin comillas es
                considerado poco seguro. En contraste con los
                pares nombre-elemento, hay algunos atributos que
                afectan al elemento simplemente por su presencia
                (tal como el atributo ismap para el elemento img).
   <html>: define el inicio del documento        Un ejemplo de código HTML con
    HTML, le indica al navegador que lo            coloreado de sintaxis.
    que viene a continuación debe ser             <title>: define el título de la página. Por
    interpretado como código HTML. Esto            lo general, el título aparece en la barra
    es así de facto, ya que en teoría lo que       de título encima de la ventana.
    define el tipo de documento es el             <link>: para vincular el sitio a hojas de
    DOCTYPE, significando la palabra justo         estilo o iconos. Por ejemplo:<link
    tras DOCTYPE el tag de raíz.                   rel="stylesheet"            href="/style.css"
   <script>: incrusta un script en una web,       type="text/css">.
    o se llama a uno mediante src="url del        <style>: para colocar el estilo interno
    script". Se recomienda incluir el tipo         de la página; ya sea usando CSS, u
    MIME en el atributo type, en el caso de        otros lenguajes similares. No es
    JavaScript text/javascript.                    necesario colocarlo si se va a vincular
   <head>: define la cabecera del                 a un archivo externo usando la
    documento HTML; esta cabecera                  etiqueta <link>.
    suele contener información sobre el           <meta>: para metadatos como la
    documento que no se muestra                    autoría o la licencia, incluso para
    directamente al usuario. Como por              indicar parámetros http (mediante
    ejemplo el título de la ventana del            http-equiv="") cuando no se pueden
    navegador. Dentro de la cabecera               modificar por no estar disponible la
    <head> podemos encontrar.                      configuración o por dificultades con
                                                   server-side scripting.
   <body>: define el contenido                <a>: hipervínculo o enlace,
    principal      o      cuerpo     del        dentro o fuera del sitio web. Debe
    documento. Esta es la parte del             definirse el parámetro de pasada
    documento html que se muestra               por medio del atributo href. Por
    en el navegador; dentro de esta             ejemplo:                         <a
    etiqueta       pueden       definirse       href="http://www.wikipedia.org"
    propiedades comunes a toda la               title="Wikipedia"   target="_blank"
    página, como color de fondo y               tabindex="1">Wikipedia</a>        se
    márgenes. Dentro del cuerpo                 representa como Wikipedia).
    <body>        podemos      encontrar       <div>: división de la página. Se
    numerosas          etiquetas.       A       recomienda, junto con css, en vez
    continuación se indican algunas             de <table> cuando se desea
    a modo de ejemplo:                          alinear contenido.
   <h1> a <h6>: encabezados o                 <img>: imagen. Requiere del
    títulos    del   documento      con         atributo src, que indica la ruta en
    diferente relevancia.                       la que se encuentra la imagen.
   <table>: define una tabla.                  Por           ejemplo:         <img
   <tr>: fila de una tabla.                    src="./imágenes/mifoto.jpg" />. Es
   <td>: celda de una tabla (debe              conveniente, por accesibilidad,
    estar dentro de una fila).                  poner un atributo alt="texto
                                                alternativo".
 <li><ol><ul>:  etiquetas    <u>: texto subrayado.
  para listas.                La mayoría de etiquetas
 <b>: texto en negrita        deben cerrarse como se
  (etiqueta desaprobada.       abren, pero con una
  Se recomienda usar la        barra («/») tal como se
  etiqueta <strong>).          muestra en los siguientes
 <i>: texto en cursiva        ejemplos:
  (etiqueta desaprobada.      <table><tr><td>Conteni
  Se recomienda usar la        do           de       una
  etiqueta <em>).              celda</td></tr></table>
 <s>:     texto   tachado     .
  (etiqueta desaprobada.      <script>Código de un
  Se recomienda usar la        [[script]] integrado en la
  etiqueta <del>).             página</script>.
   Como        sabemos,      Internet     fue
    desarrollado originalmente para los
    militares de Estados Unidos bajo el
    nombre de ARPANET desde la década
    de los 70 a partir de la necesidad de
    crear     una    red   de     ordenadores
    resistentes a ataques militares y después
    se utilizó para el gobierno, investigación
    académica y comercial y para
    comunicaciones.
   Internet, es “una combinación de
    hardware                 (ordenadores
    interconectados por vía telefónica o
    digital), y software (protocolos y
    lenguajes que hacen que todo
    funcione); es una infraestructura de
    redes a escala mundial como MILNET,
    NSFNET, y CRE, y redes más pequeñas
    que conecta a la ves todos los tipos de
    ordenadores”
   El lenguaje multimedia es aquel que se
    refiere al uso de diferentes medios para
    producir un determinado mensaje que
    puede ser transmitido a través de
    internet, entre los diferentes medios que
    podemos encontrar a la imagen, al
    audio, o texto.
   Hipertexto, es una           Hipermedia:      es  el
    palabra     que     fue       término con el que se
    acuñada en 1965, por          designa al conjunto
    Ted Nelson, "hypertext"       de        métodos    o
    (texto no lineal) y lo        procedimientos para
    define       como:"un         escribir,   diseñar  o
    cuerpo de material            componer contenidos
    escrito   o   pictórico       que tengan texto,
    interconectado       en       video, audio, mapas u
    una forma compleja            otros medios, y que
    que no puede ser              además tengan la
    representado         en       posibilidad         de
    forma     conveniente         interactuar con los
    haciendo     uso     de       usuarios.
    papel“.

Produccion de material educ. diapositivas html

  • 2.
     HTML, siglasde HyperText Markup Language («lenguaje de marcado de hipertexto»), es el lenguaje de marcado predominante para la elaboración de páginas web.  Es usado para describir la estructura y el contenido 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 JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.  HTML también es usado 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 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
  • 3.
    Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de Elementos inicio (p.ej. <nombre-de-elemento>) y una etiqueta de cierre (p.ej. </nombre-de-elemento>). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas  (p.ej. <nombre-de-elemento atributo="valor">Contenido</nombre-de-elemento>).  La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, Atributos aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es considerado poco seguro. En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia (tal como el atributo ismap para el elemento img).
  • 4.
    <html>: define el inicio del documento  Un ejemplo de código HTML con HTML, le indica al navegador que lo coloreado de sintaxis. que viene a continuación debe ser  <title>: define el título de la página. Por interpretado como código HTML. Esto lo general, el título aparece en la barra es así de facto, ya que en teoría lo que de título encima de la ventana. define el tipo de documento es el  <link>: para vincular el sitio a hojas de DOCTYPE, significando la palabra justo estilo o iconos. Por ejemplo:<link tras DOCTYPE el tag de raíz. rel="stylesheet" href="/style.css"  <script>: incrusta un script en una web, type="text/css">. o se llama a uno mediante src="url del  <style>: para colocar el estilo interno script". Se recomienda incluir el tipo de la página; ya sea usando CSS, u MIME en el atributo type, en el caso de otros lenguajes similares. No es JavaScript text/javascript. necesario colocarlo si se va a vincular  <head>: define la cabecera del a un archivo externo usando la documento HTML; esta cabecera etiqueta <link>. suele contener información sobre el  <meta>: para metadatos como la documento que no se muestra autoría o la licencia, incluso para directamente al usuario. Como por indicar parámetros http (mediante ejemplo el título de la ventana del http-equiv="") cuando no se pueden navegador. Dentro de la cabecera modificar por no estar disponible la <head> podemos encontrar. configuración o por dificultades con server-side scripting.
  • 5.
    <body>: define el contenido  <a>: hipervínculo o enlace, principal o cuerpo del dentro o fuera del sitio web. Debe documento. Esta es la parte del definirse el parámetro de pasada documento html que se muestra por medio del atributo href. Por en el navegador; dentro de esta ejemplo: <a etiqueta pueden definirse href="http://www.wikipedia.org" propiedades comunes a toda la title="Wikipedia" target="_blank" página, como color de fondo y tabindex="1">Wikipedia</a> se márgenes. Dentro del cuerpo representa como Wikipedia). <body> podemos encontrar  <div>: división de la página. Se numerosas etiquetas. A recomienda, junto con css, en vez continuación se indican algunas de <table> cuando se desea a modo de ejemplo: alinear contenido.  <h1> a <h6>: encabezados o  <img>: imagen. Requiere del títulos del documento con atributo src, que indica la ruta en diferente relevancia. la que se encuentra la imagen.  <table>: define una tabla. Por ejemplo: <img  <tr>: fila de una tabla. src="./imágenes/mifoto.jpg" />. Es  <td>: celda de una tabla (debe conveniente, por accesibilidad, estar dentro de una fila). poner un atributo alt="texto alternativo".
  • 6.
     <li><ol><ul>: etiquetas  <u>: texto subrayado. para listas.  La mayoría de etiquetas  <b>: texto en negrita deben cerrarse como se (etiqueta desaprobada. abren, pero con una Se recomienda usar la barra («/») tal como se etiqueta <strong>). muestra en los siguientes  <i>: texto en cursiva ejemplos: (etiqueta desaprobada.  <table><tr><td>Conteni Se recomienda usar la do de una etiqueta <em>). celda</td></tr></table>  <s>: texto tachado . (etiqueta desaprobada.  <script>Código de un Se recomienda usar la [[script]] integrado en la etiqueta <del>). página</script>.
  • 9.
    Como sabemos, Internet fue desarrollado originalmente para los militares de Estados Unidos bajo el nombre de ARPANET desde la década de los 70 a partir de la necesidad de crear una red de ordenadores resistentes a ataques militares y después se utilizó para el gobierno, investigación académica y comercial y para comunicaciones.
  • 10.
    Internet, es “una combinación de hardware (ordenadores interconectados por vía telefónica o digital), y software (protocolos y lenguajes que hacen que todo funcione); es una infraestructura de redes a escala mundial como MILNET, NSFNET, y CRE, y redes más pequeñas que conecta a la ves todos los tipos de ordenadores”
  • 11.
    El lenguaje multimedia es aquel que se refiere al uso de diferentes medios para producir un determinado mensaje que puede ser transmitido a través de internet, entre los diferentes medios que podemos encontrar a la imagen, al audio, o texto.
  • 12.
    Hipertexto, es una  Hipermedia: es el palabra que fue término con el que se acuñada en 1965, por designa al conjunto Ted Nelson, "hypertext" de métodos o (texto no lineal) y lo procedimientos para define como:"un escribir, diseñar o cuerpo de material componer contenidos escrito o pictórico que tengan texto, interconectado en video, audio, mapas u una forma compleja otros medios, y que que no puede ser además tengan la representado en posibilidad de forma conveniente interactuar con los haciendo uso de usuarios. papel“.