SlideShare une entreprise Scribd logo
1  sur  9
Rafael Burgos
HTML.
     HTML, siglas de HyperText Markup Language
(«lenguaje de marcado de hipertexto»), hace
referencia al lenguaje de marcado predominante para
la elaboración de páginas 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 JavaScript), el cual
puede afectar el comportamiento de navegadores web
y otros procesadores de HTML.
Historia.
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee,
trabajador del CERN (Organización Europea para la Investigación Nuclear)
propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el
ámbito de la informática, el "hipertexto"permitía que los usuarios
accedieran a la información relacionada con los documentos electrónicos
que estaban visualizando. De cierta manera, los primitivos sistemas
de "hipertexto" podrían asimilarse a los enlaces de las páginas web
actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee
lo presentó a una convocatoria organizada para desarrollar un sistema
de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero
de sistemas Robert Cailliau, presentaron la propuesta ganadora
llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en
1991 bajo el nombre "HTML Tags"(Etiquetas HTML) y todavía hoy puede
ser consultado online a modo de reliquia informática.
¿Qué 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 World Wide
Web en Internet.
¿Qué son hipertexto e hipervínculo?
      Los vínculos de hipertexto o hipervínculos (anclajes) son elementos
de una página HTML que, al hacer clic sobre ellos, permiten a los lectores
navegar hacia una nueva dirección. (el hipervínculo aparece subrayado de
forma predeterminada). Al navegar por la Web, los hipervínculos son los
que conectan las páginas Web unas con otras. Se usan para dirigirse:
a otro punto en el mismo documento
a un archivo HTML en una ubicación diferente del equipo que aloja la
página
a otro equipo
El principal atributo de los anclajes es href. Se escribe así:
<a href="Dirección o URL"> .. </a>


Ejemplo: https://www.google.co.ve
Pagina web.

Una página web es un
documento HTML/XHTML que es accesible
generalmente mediante el protocolo HTTP de
Internet.
Estructura básica de una pagina web.
 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.
La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es
    directamente el contenido de la página. Aquí se pone el título de la página, los metadatos,
    estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se
    suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en
    la parte superior izquierda).
La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos,
    párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el
    siguiente código.

<html>
<head>
<title>Esto es el t&iacute;tulo de la p&aacute;gina.</title>
</head>
<body>
Hola mundo!<br>
<b>Esto es negrita.</b><br>
<i>Y esto it&aacute;lica.</i><br>
</body>
</html>
Aspectos a considerar en el diseño de
                paginas web.
    Steven Snell nos aconseja 10 aspectos que se deben considerar al crear una
    pagina web que para algunos pueden resultar obvias, pero a otros se nos puede
    pasar por alto alguna, así que a nivel recordatorio no está mal, y son los siguientes:

•   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.
•   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.

Contenu connexe

Tendances

Tendances (20)

Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Html
HtmlHtml
Html
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 
Slideshare
SlideshareSlideshare
Slideshare
 
MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Html 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la WebHtml 5. Estructura de un documento para la Web
Html 5. Estructura de un documento para la Web
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Aprender El Lenguaje Html
Aprender El Lenguaje HtmlAprender El Lenguaje Html
Aprender El Lenguaje Html
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSS
 
Especialista Web J3
Especialista Web   J3Especialista Web   J3
Especialista Web J3
 
Mi primer pagina web
Mi primer pagina webMi primer pagina web
Mi primer pagina web
 
Paginas web en html
Paginas web en htmlPaginas web en html
Paginas web en html
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..
 
Html5 Básico
Html5 BásicoHtml5 Básico
Html5 Básico
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
Tema 1
Tema 1Tema 1
Tema 1
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 

Similaire à Html (20)

Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Estructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLEstructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTML
 
HTML 5
HTML 5HTML 5
HTML 5
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
1-HTML EXPO.pdf
1-HTML EXPO.pdf1-HTML EXPO.pdf
1-HTML EXPO.pdf
 
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
 
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
 
Maquetación web con html5
Maquetación web con html5Maquetación web con html5
Maquetación web con html5
 
HTML 5
HTML 5HTML 5
HTML 5
 
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
 
Tarea
TareaTarea
Tarea
 
Html
HtmlHtml
Html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Articulo monica y christian "español"
Articulo monica y christian "español"Articulo monica y christian "español"
Articulo monica y christian "español"
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 

Html

  • 2. HTML. HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas 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 JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
  • 3. Historia. El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto"permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales. Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3). El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre "HTML Tags"(Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
  • 4. ¿Qué 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 World Wide Web en Internet.
  • 5. ¿Qué son hipertexto e hipervínculo? Los vínculos de hipertexto o hipervínculos (anclajes) son elementos de una página HTML que, al hacer clic sobre ellos, permiten a los lectores navegar hacia una nueva dirección. (el hipervínculo aparece subrayado de forma predeterminada). Al navegar por la Web, los hipervínculos son los que conectan las páginas Web unas con otras. Se usan para dirigirse: a otro punto en el mismo documento a un archivo HTML en una ubicación diferente del equipo que aloja la página a otro equipo El principal atributo de los anclajes es href. Se escribe así: <a href="Dirección o URL"> .. </a> Ejemplo: https://www.google.co.ve
  • 6. Pagina web. Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.
  • 7. Estructura básica de una pagina web. 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. La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda). La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código. <html> <head> <title>Esto es el t&iacute;tulo de la p&aacute;gina.</title> </head> <body> Hola mundo!<br> <b>Esto es negrita.</b><br> <i>Y esto it&aacute;lica.</i><br> </body> </html>
  • 8. Aspectos a considerar en el diseño de paginas web. Steven Snell nos aconseja 10 aspectos que se deben considerar al crear una pagina web que para algunos pueden resultar obvias, pero a otros se nos puede pasar por alto alguna, así que a nivel recordatorio no está mal, y son los siguientes: • 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.
  • 9. 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. • 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.