¿QUE ES EL HTML?
HTML (Lenguaje
de Marcas de Hipertexto, del inglés HyperText Markup Language) es el
componente más básico de la Web. Define el significado y la estructura del
contenido web. Además de HTML, generalmente se utilizan otras tecnologías para
describir la apariencia/presentación de una página web (CSS) o la
funcionalidad/comportamiento (JavaScript).
"Hipertexto"
hace referencia a los enlaces que conectan páginas web entre sí, ya sea dentro
de un único sitio web o entre sitios web. Los enlaces son un aspecto
fundamental de la Web. Al subir contenido a Internet y vincularlo a las páginas
creadas por otras personas, te conviertes en un participante activo en la «World
Wide Web» (Red Informática Mundial).
HTML
utiliza "marcas" para etiquetar texto, imágenes y otro contenido para
mostrarlo en un navegador Web. Las marcas HTML incluyen "elementos"
especiales como <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img> y
muchos otros.
Un elemento HTML se distingue de otro texto en un documento mediante "etiquetas", que consisten en el nombre del elemento rodeado por "<" y ">". El nombre de un elemento dentro de una etiqueta no distingue entre mayúsculas y minúsculas. Es decir, se puede escribir en mayúsculas, minúsculas o una mezcla. Por ejemplo, la etiqueta <title> se puede escribir como <Title>, <TITLE> o de cualquier otra forma.Iniciarse en el mundo de la programación web es una decisión que cada vez más personas toman, conscientes de las oportunidades profesionales que supone contar con este tipo de conocimientos tan valorados por las empresas de hoy en día. Comprender el significado y la composición de las etiquetas HTML es uno de los primeros pasos que cualquier profesional que aspire a convertirse en desarrollador o ingeniero web debe dar.
Con el objetivo de que entiendas qué es una etiqueta HTML, uno de los conceptos básicos con los que trabajarás en programas tan solicitados como nuestro Executive Master en Marketing Digital, Analítica y UX, queremos enseñarte cómo funciona la capa más básica de una web y que puedas lanzarte a diseñar las tuyas sin miedo. ¿Nos acompañas en esta guía introductoria?
HTML es un markup language, lo que significa que está
escrito con códigos que puede leer una persona sin que sea necesario compilarlo
primero. En otras palabras, el texto en una página web está «marcado» con estos
códigos para dar instrucciones al navegador web sobre cómo mostrar el texto.
Estas etiquetas de marcado son las propias etiquetas HTML.
Cuando escribes código en HTML, estás escribiendo etiquetas
HTML. Todas las etiquetas HTML están hechas con un número de partes
específicas, incluyendo:
El carácter “menor que” <
Una palabra o carácter que determina qué etiqueta se está
escribiendo
Cualquier número de atributos HTML que se quiera
usar, escritos de la forma nombre =”valor”
El carácter “mayor que” >
El hipertexto (HTML) es un lenguaje informático
que forma la mayoría de las páginas web y plataformas online. HTML no se
considera un lenguaje de programación, ya que no puede crear una funcionalidad
dinámica. Sin embargo, los usuarios web pueden crear y estructurar secciones,
párrafos y enlaces usando elementos, etiquetas y atributos.
En la actualidad existen 142 etiquetas HTML
disponibles que permiten la creación de varios elementos. A pesar de que
algunos ordenadores nuevos ya no admiten algunas de estas, es importante tener
constancia de la existencia de ellas.
Sin embargo, el HTML ha ido evolucionando los últimos años.
Para que nos hagamos una idea, la primera versión contaba solamente con 18
etiquetas. Desde entonces, cada nueva versión ha traído nuevas etiquetas y
atributos. La actualización más importante fue la introducción en 2014 del HTML5. La principal diferencia entre ambas es que la nueva
admitía nuevos tipos de controles de formularios. También incluía diversas
etiquetas semánticas que describían mejor el contenido, como <article>,
<headers> y <footer>.
¿Cómo funcionan las etiquetas HTML?
La mayoría de páginas web tienen varias páginas HTML
diferentes. Por ejemplo, una página de inicio, otra de producto, otra de
contacto, etc. Cada una de estas tiene HTML separados. Los documentos HTML son
archivos que acaban con .html o .htm. Un navegador lee el archivo y
muestra su contenido para los internautas puedan verlo.
Como hemos comentado anteriormente, todas las páginas HTML
contienen una serie de elementos HTML que a la vez disponen de diferentes
etiquetas y atributos. Es decir, los elementos HTML son los componentes básicos
de una página web. Una etiqueta contiene mucha información. Le indica al
navegador dónde empieza y dónde termina cada elemento, mientras que un atributo
describe las características.
Los elementos HTML suelen dividirse en tres partes. Esta
combinación de las tres crea un elemento HTML.
Etiqueta de apertura: Se utiliza para indicar dónde
empieza un elemento. Está envuelta en corchete de apertura y cierre. Por
ejemplo puedes usar la etiqueta de inicio <p> para crear un párrafo.
Contenido: El contenido es el resultado que ve la
audiencia.
Etiqueta de cierre: Es lo mismo que la etiqueta de
apertura pero con una barra inclinada delante del nombre del elemento. Es
decir, </p> para finalizar un párrafo.
Otra parte fundamental de un elemento HTML son los
atributos. Estos tienen dos secciones:
Nombre: El nombre identifica la información adicional
que un usuario quiere agregar.
Valor del atributo: Da más detalles que el anterior.
¿Cuáles son las etiquetas HTML básicas?
Hay una serie de etiquetas que son las más usadas para crear
cualquier documento HTML, a continuación las explicamos:
<body> para el contenido
<head> para información sobre el documento
<div> división dentro del contenido
<a> para enlaces
<strong> para poner el texto en negrita
<br> para saltos de línea
<H1>…<H6> para títulos dentro del contenido
<img> para añadir imágenes al documento
<ol> para listas ordenadas, <ul> para
listas desordenadas, <li> para elementos dentro de la lista
<p> para parágrafos
<span> para estilos de una parte del texto
Comentarios
Publicar un comentario