SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Downloaden Sie, um offline zu lesen
INTRODUCIÓN AL HTML…




      RAMÓN CARRILLO
¿Qué es HTML?
Es un lenguaje de programación que se utiliza para el
desarrollo de páginas de Internet.
       Se trata de la sigla que corresponde a Hyper Text
Markup Language, es decir, Lenguaje de Marcas de Hipertexto,
que podría ser traducido como Lenguaje de Formato de
Documentos para Hipertexto, Se trata de un formato abierto que
surgió a partir de las etiquetas SGML (Standard Generalized
Markup Language). Concepto traducido generalmente como
“Estándar de Lenguaje de Marcado Generalizado” y que se
entiende como un sistema que permite ordenar y etiquetar
diversos documentos dentro de una lista.
       Este lenguaje es el que se utiliza para especificar los
nombres de las etiquetas que se utilizarán al ordenar, no
existen reglas para dicha organización, por eso se dice que es
un         sistema          de         formato         abierto.
HISTORIA DEL HTML
      Este lenguaje fue desarrollado por la Organización Europea de
Investigación Nuclear (CERN) en el año 1945 con la finalidad de
desarrollar un sistema de almacenamiento donde las cosas no se
perdieran, que pudieran ser conectadas a través de hipervínculos.
Primeramente crearon un dispositivo llamado “memex”, el cual era
considerado como un suplemento para la memoria.
      Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo
por computadora que recibiría el nombre de ON Line System que
poseía un catálogo para facilitar la tarea de búsqueda dentro de un
mismo organismo.
      Recién en 1965, Ted Nelson acuñó el término hipervínculo,
ideando una estructura que se encontraba conectada de forma
electrónica y que más tarde permitiría la creación de la World Wide
Web (1989), un sistema de hipertexto a través del cual era posible
compartir una variada información sirviéndose de Internet (servía para
la comunicación entre investigadores nucleares que formaran parte
del CERN).
HISTORIA DEL HTML
      El norteamericano Tim Berners-Lee fue el primero en proponer
una descripción de HTML en un documento que publicó en 1991. Allí
describía veintidós componentes que suponen el diseño más básico y
simple del HTML.
El tipo de codificación que se utilizó para el desarrollo de este sistema
de hipervínculos debía ser comprendido, tanto por ordenadores
tontos como por mega-estaciones, por eso fue necesario crear uno
absolutamente simples, tanto en lo que respectaba al lenguaje de
intercambio (HTML), como el que hacía referencia al protocolo de red
(HTTP).
¿Qué es un Sitio Web?
       Es un espacio virtual en Internet. Se trata de un conjunto de
páginas web que son accesibles desde un mismo dominio o
subdominio de la World Wide Web (WWW).
       Los sitios web incluyen documentos HTML, fotografías,
sonidos, vídeos, animaciones Flash y otro tipo de contenidos que
pueden compartirse en línea. La URL raíz del sitio web se conoce
como portada o homepage. Lo más habitual es que esta portada
facilite el acceso a todas las páginas del sitio mediante
hipervínculos (también conocidos como enlaces o links).
       Un sitio web es un gran espacio documental organizado que
la mayoría de las veces está típicamente dedicado a algún tema
particular o propósito específico. Cualquier sitio web puede
contener hiperenlaces a cualquier otro sitio web, de manera que la
distinción entre sitios individuales, percibido por el usuario,
puede ser a veces borrosa.
       No debemos confundir sitio web con página web; esta última
es sólo un archivo HTML, una unidad HTML, que forma parte de
algún sitio web.
¿Qué son Hipertexto e Hipervínculo?

        Hipertexto                           Hipervínculo


     Es el lenguaje que utilizan         Es un link o acceso
los     programadores      para    directo desde una página web
desarrollar páginas web HTTP       hacia otra, hacia una descarga,
(Protocolo de transferencia de     hacia una parte de la misma
Hipertexto, por sus siglas en      página, etc.
Inglés). Digamos la base de              Que tan sencillo darle
toda página web.                   click y te lleva a otro lugar en la
                                                   web.
Defina Pagina WEB
     Una página web es un documento o información electrónica
adaptada para la World Wide Web que generalmente forma parte de
un sitio web. Su principal característica son los hipervínculos de una
página, siendo esto el fundamento de la WWW.

     Se conoce como página web al documento que forma
parte de un sitio web y que suele contar con enlaces (también
conocidos como hipervínculos o links) para facilitar la
navegación entre los contenidos.

     Las páginas web están desarrolladas con lenguajes de
marcado como el HTML, que pueden ser interpretados por los
navegadores. De esta forma, las páginas pueden presentar
información en distintos formatos (texto, imágenes, sonidos,
videos, animaciones), estar asociadas a datos de estilo o
contar con aplicaciones interactivas.
Estructura Básica de una Pagina
              WEB
La estructura básica de una página web es la siguiente:

< HTML>
< HEAD>
< TITLE>Título de la página</TITLE>
< /HEAD>
< BODY>
Aquí van todas las etiquetas o instrucciones del documento
< /BODY>
< /HTML>

Un documento HTML se divide en dos partes:

       El encabezamiento que está comprendido por las etiquetas <HEAD> y </HEAD>.
Dentro podemos encontrar información del documento que no se verá en la página web.
De esta parte destacaremos la etiqueta <TITLE> y </TITLE>. El título que le pongamos a
nuestra página debe ser breve y descriptivo de su contenido, ya que será lo que verán los
demás cuando incluyan nuestra página a su agenda de direcciones "bookmark".
El cuerpo que está comprendido por las etiquetas <BODY> y </BODY>. aquí dentro habrá
todo lo que queramos que aparezca en nuestra página web (texto, imágenes, sonidos,...).
Las etiquetas que pongamos no aparecerán en el navegador
Aspectos a Considerar en el Diseño
         de Paginas WEB
1. No elegir un hosting gratuito o barato.

2. Comprar un nombre de dominio propio (comprobar si el dominio no ha
    sido penalizado por Google anteriormente, si se trata de un dominio ya
    existente).
3. Hacer una buena elección en el nombre del dominio (dominio genérico).

4. Diseñar considerando los motores de búsqueda ( usar excesivamente
   tecnología flash que no es amigable con los buscadores). Sitio web
   bien diseñado técnicamente, sin errores de compatibilidad.
5. Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener
   una mejor visibilidad en Internet.
6. No olvidarse del mercado objetivo. Desde el punto de vista del
   marketing y la comercialización en internet, es importante nunca
   perder el rumbo, el propósito inicial de para que fue realizada la pagina
   web, es el de ser un negocio no es un hobbie.
Aspectos a Considerar en el Diseño
        de Paginas WEB
7. No tener Navegación pobre (encontrar las páginas a través de un
   menú simple rápido, en definitiva, que el usuario encuentre lo
   que quiere). Considerar un tema muy importante la Usabilidad
   Web para una correcta presentación y uso de la pagina web.

8. No Utilizar palabras clave incorrectas, ser relevante en el sentido
   de lo que la gente busca en los buscadores de Google, Yahoo! y
   Live Search.

9. No tener excesivo uso de imágenes y animaciones en flash.

10. Que no sea pagina web excesivamente animada, ya que esto
   hace que el visitante se distraiga a tal punto que prefiera
   abandonar la pagina.

Weitere ähnliche Inhalte

Was ist angesagt? (20)

MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 
HTML 5
HTML 5HTML 5
HTML 5
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Comunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin VeraComunicación Interactiva (Terminos principales) Martin Vera
Comunicación Interactiva (Terminos principales) Martin Vera
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
Tema 1
Tema 1Tema 1
Tema 1
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?HTML ¿qué es y para que sirve?
HTML ¿qué es y para que sirve?
 
TRABAJO DE DAPI
TRABAJO DE DAPITRABAJO DE DAPI
TRABAJO DE DAPI
 
Jesica Contreras Pinzon
Jesica Contreras Pinzon Jesica Contreras Pinzon
Jesica Contreras Pinzon
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Páginas web introduccion
Páginas web introduccionPáginas web introduccion
Páginas web introduccion
 
Html
HtmlHtml
Html
 
Paginas web
Paginas webPaginas web
Paginas web
 
003 html: enlaces
003 html: enlaces003 html: enlaces
003 html: enlaces
 
001 html
001 html001 html
001 html
 
Que es html
Que es htmlQue es html
Que es html
 
Ofimaticadiapos
OfimaticadiaposOfimaticadiapos
Ofimaticadiapos
 
Internet
InternetInternet
Internet
 

Ähnlich wie Introdución al html

Ähnlich wie Introdución al html (20)

Lenguaje html
Lenguaje htmlLenguaje html
Lenguaje html
 
Práctica 3 utilizando internet en la web
Práctica 3  utilizando internet en la webPráctica 3  utilizando internet en la web
Práctica 3 utilizando internet en la web
 
HTML
HTMLHTML
HTML
 
Tarea
TareaTarea
Tarea
 
La web
La webLa web
La web
 
Conceptos web
Conceptos webConceptos web
Conceptos web
 
Historia del HTML
Historia del HTMLHistoria del HTML
Historia del HTML
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html
HtmlHtml
Html
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Tarea
TareaTarea
Tarea
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones web
 
Html
HtmlHtml
Html
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Html
HtmlHtml
Html
 
Jeiimy
JeiimyJeiimy
Jeiimy
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Introdución al html

  • 1. INTRODUCIÓN AL HTML… RAMÓN CARRILLO
  • 2. ¿Qué es HTML? Es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a Hyper Text Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto, Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Standard Generalized Markup Language). Concepto traducido generalmente como “Estándar de Lenguaje de Marcado Generalizado” y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto.
  • 3. HISTORIA DEL HTML Este lenguaje fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945 con la finalidad de desarrollar un sistema de almacenamiento donde las cosas no se perdieran, que pudieran ser conectadas a través de hipervínculos. Primeramente crearon un dispositivo llamado “memex”, el cual era considerado como un suplemento para la memoria. Posteriormente, Douglas Engelbart, diseñó un entorno de trabajo por computadora que recibiría el nombre de ON Line System que poseía un catálogo para facilitar la tarea de búsqueda dentro de un mismo organismo. Recién en 1965, Ted Nelson acuñó el término hipervínculo, ideando una estructura que se encontraba conectada de forma electrónica y que más tarde permitiría la creación de la World Wide Web (1989), un sistema de hipertexto a través del cual era posible compartir una variada información sirviéndose de Internet (servía para la comunicación entre investigadores nucleares que formaran parte del CERN).
  • 4. HISTORIA DEL HTML El norteamericano Tim Berners-Lee fue el primero en proponer una descripción de HTML en un documento que publicó en 1991. Allí describía veintidós componentes que suponen el diseño más básico y simple del HTML. El tipo de codificación que se utilizó para el desarrollo de este sistema de hipervínculos debía ser comprendido, tanto por ordenadores tontos como por mega-estaciones, por eso fue necesario crear uno absolutamente simples, tanto en lo que respectaba al lenguaje de intercambio (HTML), como el que hacía referencia al protocolo de red (HTTP).
  • 5. ¿Qué es un Sitio Web? Es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW). Los sitios web incluyen documentos HTML, fotografías, sonidos, vídeos, animaciones Flash y otro tipo de contenidos que pueden compartirse en línea. La URL raíz del sitio web se conoce como portada o homepage. Lo más habitual es que esta portada facilite el acceso a todas las páginas del sitio mediante hipervínculos (también conocidos como enlaces o links). Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percibido por el usuario, puede ser a veces borrosa. No debemos confundir sitio web con página web; esta última es sólo un archivo HTML, una unidad HTML, que forma parte de algún sitio web.
  • 6. ¿Qué son Hipertexto e Hipervínculo? Hipertexto Hipervínculo Es el lenguaje que utilizan Es un link o acceso los programadores para directo desde una página web desarrollar páginas web HTTP hacia otra, hacia una descarga, (Protocolo de transferencia de hacia una parte de la misma Hipertexto, por sus siglas en página, etc. Inglés). Digamos la base de Que tan sencillo darle toda página web. click y te lleva a otro lugar en la web.
  • 7. Defina Pagina WEB Una página web es un documento o información electrónica adaptada para la World Wide Web que generalmente forma parte de un sitio web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la WWW. Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos. Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
  • 8. Estructura Básica de una Pagina WEB La estructura básica de una página web es la siguiente: < HTML> < HEAD> < TITLE>Título de la página</TITLE> < /HEAD> < BODY> Aquí van todas las etiquetas o instrucciones del documento < /BODY> < /HTML> Un documento HTML se divide en dos partes: El encabezamiento que está comprendido por las etiquetas <HEAD> y </HEAD>. Dentro podemos encontrar información del documento que no se verá en la página web. De esta parte destacaremos la etiqueta <TITLE> y </TITLE>. El título que le pongamos a nuestra página debe ser breve y descriptivo de su contenido, ya que será lo que verán los demás cuando incluyan nuestra página a su agenda de direcciones "bookmark". El cuerpo que está comprendido por las etiquetas <BODY> y </BODY>. aquí dentro habrá todo lo que queramos que aparezca en nuestra página web (texto, imágenes, sonidos,...). Las etiquetas que pongamos no aparecerán en el navegador
  • 9. Aspectos a Considerar en el Diseño de Paginas WEB 1. No elegir un hosting gratuito o barato. 2. Comprar un nombre de dominio propio (comprobar si el dominio no ha sido penalizado por Google anteriormente, si se trata de un dominio ya existente). 3. Hacer una buena elección en el nombre del dominio (dominio genérico). 4. Diseñar considerando los motores de búsqueda ( usar excesivamente tecnología flash que no es amigable con los buscadores). Sitio web bien diseñado técnicamente, sin errores de compatibilidad. 5. Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una mejor visibilidad en Internet. 6. No olvidarse del mercado objetivo. Desde el punto de vista del marketing y la comercialización en internet, es importante nunca perder el rumbo, el propósito inicial de para que fue realizada la pagina web, es el de ser un negocio no es un hobbie.
  • 10. Aspectos a Considerar en el Diseño de Paginas WEB 7. No tener Navegación pobre (encontrar las páginas a través de un menú simple rápido, en definitiva, que el usuario encuentre lo que quiere). Considerar un tema muy importante la Usabilidad Web para una correcta presentación y uso de la pagina web. 8. No Utilizar palabras clave incorrectas, ser relevante en el sentido de lo que la gente busca en los buscadores de Google, Yahoo! y Live Search. 9. No tener excesivo uso de imágenes y animaciones en flash. 10. Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se distraiga a tal punto que prefiera abandonar la pagina.