Una página web la vemos en nuestro navegador, o cliente web, y parece una sola entidad, pero no es así, está compuesta por multitud de diferentes ficheros, como son las imágenes, los posibles vídeos y lo más importante: el código fuente.
El código de las páginas está escrito en un lenguaje llamado HTML, que indica básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página.
domingo, 21 de junio de 2009
¿Qué es HTML?
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html. Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html. Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
Historia del HTML
1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language (SGML), origen del HTML.
1989. Tim Berners-Lee presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML, que más tarde se llamaría nivel 0 soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo.
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.
1993. Un nuevo visor, Lynx, es producido por la Universidad de Kansas, pero lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.
1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores producen un nuevo visor, Netscape (Mozilla), que tiene una amplia aceptación entre los usuarios, y que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago. Se crea la W3 Organization.
1995. Dave S. Raggett (Inglaterra) comienza a compilar la normativa de HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.
1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.
1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.
1998. HTML 4.0.
1989. Tim Berners-Lee presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML, que más tarde se llamaría nivel 0 soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo.
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.
1993. Un nuevo visor, Lynx, es producido por la Universidad de Kansas, pero lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.
1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores producen un nuevo visor, Netscape (Mozilla), que tiene una amplia aceptación entre los usuarios, y que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago. Se crea la W3 Organization.
1995. Dave S. Raggett (Inglaterra) comienza a compilar la normativa de HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.
1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.
1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.
1998. HTML 4.0.
Nociones básicas de HTML
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit (Linux), el Bloc de Notas (Windows), o cualquier otro editor que admita texto sin formato.
Existen además, otros programas para la realización de sitios Web o edición de código HTML, como Microsoft FrontPage, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Macromedia, llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (Lo que ves es lo que obtienes). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí.
Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño Web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor.
Existen además, otros programas para la realización de sitios Web o edición de código HTML, como Microsoft FrontPage, el cual tiene un formato básico parecido al resto de los programas de Office. También existe el famoso software de Macromedia, llamado Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (Lo que ves es lo que obtienes). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí.
Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño Web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor.
Estructura De Los Documentos HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta "HTML" entre los signos "<" y ">", que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo, encerradas respectivamente por los elementos "HEAD" y "BODY" (ambos elementos entre "<" y ">"). La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento "TITLE" (entre "<" y ">").En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:
Para escribir títulos en el cuerpo se pone la etiqueta "Hx" (entre "<" y ">"), donde "x" es un número.
Etiquetas Útiles De HTML
DE PÁRRAFO:
Para esto se utiliza la etiqueta "P" y "/P" (entre "<" y ">"). Este comando es muy útil debido a que si uno escribe algo por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando "ALING" y "/ALING" (entre "<" y ">"), utilizado dentro de la etiqueta "P". Se puede alinear de tres formas diferentes: izquierda, centrado y derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando
"BR" (entre "<" y ">").
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es "HR" (entre "<" y ">").
DE FORMATO:
Para el tamaño y tipo de letra se usa la etiqueta "FONT" y "/FONT" (entre "<" y ">"), que posee tres atributos:
Tamaño (Size), indica el tamaño de la letra.
Fuente (Face), indica el tipo de letra.
Color (Color), indica el color de la letra (puedes poner el nombre del color en inglés o su número hexadecimal).
También hay otras etiquetas como:
Para esto se utiliza la etiqueta "P" y "/P" (entre "<" y ">"). Este comando es muy útil debido a que si uno escribe algo por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando "ALING" y "/ALING" (entre "<" y ">"), utilizado dentro de la etiqueta "P". Se puede alinear de tres formas diferentes: izquierda, centrado y derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando
"BR" (entre "<" y ">").
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es "HR" (entre "<" y ">").
DE FORMATO:
Para el tamaño y tipo de letra se usa la etiqueta "FONT" y "/FONT" (entre "<" y ">"), que posee tres atributos:
Tamaño (Size), indica el tamaño de la letra.
Fuente (Face), indica el tipo de letra.
Color (Color), indica el color de la letra (puedes poner el nombre del color en inglés o su número hexadecimal).
También hay otras etiquetas como:
Cómo insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imágenes a una página Web es "IMG" (entre "<" y ">") y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar. Es decir:
La etiqueta utilizada para agregar imágenes a una página Web es "IMG" (entre "<" y ">") y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar. Es decir:
"IMG SRC="lugar donde guardo la imagen"" (todo esto entre "<" y ">")
Supongamos que tenemos la imagen estrella.gif, que está presente en el mismo directorio en donde está la página y que la queremos insertar. La etiqueta apropiada sería:
"IMG SRC="estrella.gif"" (entre "<" y ">").
Y el usuario verá en el browser:
Para poner la imagen a la izquierda: "IMG ALIGN=LEFT SRC="estrella.gif ""
A la derecha: "IMG ALIGN=RIGHT SRC="estrella.gif""
Centrada:"P ALIGN=CENTER" "IMG SRC="estrella.gif"" "/P"
(cada una de estas etiquetas entre "<" y ">")
Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
Suscribirse a:
Entradas (Atom)
