viernes, 12 de abril de 2013

Hablemos el mismo lenguaje

¡Hola a todos! En mi segundo post les voy a contar qué es un HTML, cuando y porqué surgió y como funcionan sus etiquetas y atributos.

¿Qué es un HTML?

HTML es el acrónimo de HyperText Markup Language (Lenguaje de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web, ya que éste indica a los navegadores cómo deben mostrar el contenido de una página.
Este lenguaje contiene dos partes, la primera es el contenido, que es el texto que se verá en la pantalla de un ordenador y la segunda parte son las etiquetas y atributos que estructuran el texto de la página web en encabezados, párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla.

Un poco de historia

Un científico llamado Tim Berners-Lee inventó HTML allá por 1990. El objetivo era facilitar a científicos de diferentes universidades el acceso a los documentos de investigación de cada uno de ellos. El proyecto obtuvo un éxito mucho mayor del que Tim Berners-Lee nunca hubiese llegado a imaginar. Al inventar HTML, este científico sentó las bases de la web tal y como la conocemos hoy día. Allí describía veintidós elementos que suponen el diseño inicial y simple del HTML. De estos elementos, trece todavía aparecen en la actualidad.


 ¿Qué son y cómo funcionan las etiquetas?

Las etiquetas, son los comandos que los programas navegadores leen e interpretan para armar y dar forma a las páginas de Internet.
El uso de etiquetas o códigos, permiten dotar de unas determinadas características y propiedades a los textos y elementos que engloban. Estas poseen una apertura, compuesta por el nombre de la etiqueta situada entre los símbolos “<” y “>”, y una clausura, que utiliza el mismo patrón añadiendo una barra (“/”) justo antes del nombre de la etiqueta.

¿Cuáles son las etiquetas más importantes o las más utilizadas?

  1. <html> Encargada de indicar al navegador que lo que va a encontrarse a continuación está escrito en lenguaje HTML.
  2. <head> El encabezamiento, sirve para definir diversos valores válidos en todo el documento.
  3. <body> Donde reside la información del documento.
  4. <a> Empleada para añadir hipervínculos.
  5. <img> Necesaria para añadir imágenes.
  6. <title> Permite especificar el título de un documento.
  7. <p> Para marcar un fin de párrafo.
  8. <br> Para un único enter.
  9. <blockquote> Para hacer una cita textual dentro del documento.
  10. <address>Se suelen marcar con esta directiva a las direcciones de correo electrónico.
  11. <hr> Se utiliza para situar en el documento una línea horizontal de separación.
  12. <b> Permite poner una parte en negrita.
  13. <i> Permite poner una parte en cursiva.
  14. <center> Para centrar texto o, en general, cualquier cosa, como un gráfico.

¿Cómo funcionan los atributos?

Mediante los atributos determinamos el estilo y el tipo de letra que tendrá la presentación del documento final. Por ejemplo:
<FONT FACE="Arial" SIZE="2" COLOR="RED">
FACE determina la familia tipográfica que será usada en la página, COLOR el color y SIZE el tamaño de la letra.




Reflexión:

Particularmente había escuchado sobre el HTML pero no sabía bien lo que era, gracias a este post pude indagar más sobre lo que era y conocer más de este lenguaje.

Hasta la próxima!
Espero que les guste y sirva mi post!
Saludos! 


Fuentes:
http://www-app.etsit.upm.es/~alvaro/manual/manual.html
http://www.tecnocosas.es/que-es-el-lenguaje-html/
http://www.desarrolloweb.com/articulos/que-es-html.html

Fecha de consulta: 12 de Abril de 2013.

2 comentarios:

  1. Hola Dani... Muy bueno tu aporte de los nuevos conceptos, son de mucha ayuda!
    Saludos, Damian.

    ResponderBorrar
  2. Muchas gracias Damián.
    Me alegro que te haya servido.
    Saludos

    ResponderBorrar