El HTML es el principal lenguaje de marcado utilizado por programadores y diseñadores web de cualquier nivel de experiencia, siendo la abreviatura de (HyperText Markup Language o Lenguaje de Marcado de Hipertexto). Muchas personas al leer la definición técnica piensan en todo el conjunto de elementos que conlleva el diseño de una página web cuando éste solo funciona para indicar el orden del contenido dentro de una página web a través de "tags" de hipertexto.
Cómo funciona HTML?
Utilizar HTML es bastante más sencillo de lo que muchas personas consideran. Comienza abriendo un documento HTML a través de cualquier programa de edición de textos, y al momento de guardar el archivo como una página web es necesario usar la extensión ".html"; así mismo es probable que el programa te realice una advertencia de que se convertirá en un "texto sin formato". Es importante que tomes en cuenta que no existe una diferencia entre ".html" y ".htm".
El siguiente paso es observar tu creación en un navegador de internet. Al guardar el documento en blanco, lo abres con un navegador –haciendo doble click en el archivo- y debe ingresar como una página en blanco, a medida que edites el documento puedes ver el progreso en la página. No es necesario tener internet para esto ya que nadie puede ingresar al archivo, es solamente para leer el documento HTML.
Posteriormente, el paso más importante es la extensión de las etiquetas de marcas. Principalmente debes saber que éstas no aparecerán en tu página web como texto, en cambio, son las que le indican al navegador como exponer el contenido y la página. La etiqueta inicial contiene instrucciones, por ejemplo, mostrar el texto en negritas.Escribe tu propia etiqueta, comenzando con una etiqueta < html> y terminando con una < /html> (sin espacios); esto le indica al navegador que todo contenido que esté entre esas etiquetas se encuentra en HTML. De ahí en adelante se deben añadir diversas etiquetas que determinan el encabezado, el cuerpo y el contenido de la página web. En el caso del texto, el mismo puede ser agregado en varios estilos.
Para qué sirve HTML?
Cuando aprendas lo básico del HTML podrás incursionar en otros ámbitos del mismo tales como generar tablas, agregar links externos, jugar con los códigos y añadirle otros lenguajes de programación para agregar dinamismo a tu página. De igual modo, el mundo de las etiquetas en HTML es un mar de opciones haciendo tu trabajo más profesional y visualmente exitoso. HTML sirve exactamente para hacer de tu página web un proyecto con estilo propio, podrás colocar imágenes, textos, videos y todo lo que necesites mediante sus etiquetas… que por cierto las más conocidas son:
¿Cuáles son las etiquetas más conocidas o utilizadas en HTML?
- < html (Importante: Sin ella no conseguimos empezar nada… es la etiqueta que inicia el código fuente).
- - < head (Etiqueta importante que contiene estilos de la página, títulos, descripciones, etc… es de vital importancia para el funcionamiento de la web)
- - < meta (Son utilizadas frecuentemente en la cabecera)
- - < body (Donde irá todo nuestro contenido)
- - < p (Para distinguir los párrafos de los textos)
- - < a href= (Para crear enlaces)
- - < h1 (Etiqueta utilizada para el título principal de cada url)
- - < h2 (Para los subtítulos)
- - Entre otras…
Ejemplo: Abre el blog de notas y coloca el siguiente código, luego guárdalo con el nombre que quieras y escribe .html al final (Ejemplo: hola.html)
- < html>
- < head>
- < title>TITULO< /title>
- < /head>
- < body>
- Hola!
- < /body>
- < /html>
Ahora prueba con esté otro código:
- < html>
- < head>
- < title>HOLA MUNDO!< /title>
- < /head>
- < body bgcolor="#000000">
- < div align="center" style="font-size:36px; color:#FFF">< strong>Hola!< /strong>< /div>
- < /body>
- < /html>
Y así consecutivamente hasta dar con el estilo que deseas tener…