TECNOLOGIA

Aprendiendo HTML Parte 1

  • abril 19, 2014
  • 3 min read
  • 476 Views
Aprendiendo HTML Parte 1

Hace tiempo, cuando empecé a utilizar una computadora lo primero que me llamó la atención fue la programación y el diseño, por aquel entonces (hace unos 12 años) me enfoqué mucho más en el diseño y utilizaba “cascarones” (por así decirlo) prediseñados por programas como Fireworks para utilizarlos en los grupos de MSN y así sin saber nada de programación ya tenía mi layout de aquel entonces que se veía de lujo y junto con este muchos links mapeados para lo que era todo el grupo, muy divertidas batallas de diseño y demás pero el punto es que en ese momento nunca aprendí a programar correctamente, el que un programa te haga todo no resuelve correctamente el problema y tal vez sea rápido pero no es tan eficaz como hacerlo uno mismo pues (después irán notandolo) el programa lo que hace es que mete muchas cosas innecesarias y que lo único que hacen es ralentizar el proyecto que estés haciendo (sea web o un programa cualesquiera).

Por esto he decidido iniciar a poner tutoriales para que los usuarios interesados en aprender a programar ciertos lenguajes (iniciaremos con esto que es extremadamente básico y muy usado) lo hagan poco a poco y sin dificultad de aprendizaje obviamente con la posibilidad de dejar en el cajón de comentarios dudas, sugerencias o lo que les inquiete.

Que es HTML

Después de esta breve introducción iniciemos a explicar lo básico de HTML y como en cualquier cosa es importante saber a que nos referimos y es que HTML significa HyperText Markup Language o traducido y en pocas palabras lenguaje de marcado, este utiliza etiquetas y estas a su vez describen a el documento, este documento es llamado página web (nada dificil).

Hablemos un poco de las etiquetas, (si tienes una página abierta cualesquiera en Google Chrome o Firefox presiona CTRL + U y ahi lo tienes, el código fuente en el que se distinguen las etiquetas) estas vienen en pares y se distinguen por los símbolos mayor y menor que ( < > ), uno de estos pares abre y el otro cierra (ej. <h1> </h1>), es sumamente importante recordar que en la que cierra siempre lleva un / antes del nombre de la etiqueta.

La estructura

 

[xml]
<!DOCTYPE html>
<html>
<body>

</body>
</html>
[/xml]

Esta estructura es la principal usada hoy en día y ha ido cambiando únicamente la parte del DOCTYPE con los cambios que ha ido recibiendo HTML con el tiempo, sin embargo nosotros nos enfocaremos en el futuro y el futuro es HTML 5 por lo cual no tiene caso utilizar un DOCTYPE pasado.

Con esta pequeña introducción (por eso no fue tan grande) respecto a la breve historia de HTML y a su estructura dejamos esta serie de tutoriales abierta para proseguirla en la semana y de hecho serán varios artículos donde veremos como ir creando una web y todo lo que conlleva, trataré de hacerlo de 5 a 10 artículos y en estos aportar mi conocimiento al respecto.

About Author

Neo

Geek, programador y gamer. Gamer desde los 6 años. Geek de toda la vida.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.