Ya que El comienzo de internet. , HTML ha sido crucial para hacer que el World Wide Web funcione y aparezca la forma en que lo queremos. Echemos un vistazo a lo que es HTML y cómo se convierte en las páginas que ves todos los días.
La columna vertebral de internet
HTML significa "Idioma de marcado de hipertexto". Es un lenguaje de codificación utilizado para crear páginas que puede mostrar un navegador web. La mayoría de las páginas web que encuentran en Internet, incluido el que está leyendo este artículo en este momento, se almacenan como un archivo HTML. Los sitios web son un montón de páginas HTML relacionadas almacenadas en un servidor en algún lugar. Es por eso que el idioma se llama frecuentemente el " columna vertebral de internet "
Cada vez que vaya a una página en Internet, esencialmente está solicitando un archivo HTML almacenado en el servidor. Luego, el navegador que está utilizando, como Chrome o Firefox, analizará el HTML y lo visualizará en la forma en que está destinado.
La universalidad y versatilidad de HTML lo convierten en el más popular. lenguaje de marcado en el mundo. La mayoría de los desarrolladores web de Front-End comienzan por aprendiendo como codificar en html. Las herramientas de arrastrar y soltar y los editores de WYSIWYG eventualmente se traducen a HTML para que los navegadores puedan analizarlos.
RELACIONADO: ¿Qué es un lenguaje de marcado?
Cómo funciona HTML
Al igual que cualquier lenguaje de programación, HTML parece un montón de comandos y bloques de texto antes de que se convierta en la visual frente al frente. Si tiene curiosidad por ver cómo se ve el HTML en esta página en particular y está en un escritorio o computadora portátil, intente hacer clic con el botón derecho en cualquier lugar de esta página y seleccione "Ver fuente de página" (la opción puede variar según su navegador ). Debería llevarlo a una pared gigante de código.
La mayoría de HTML se construye utilizando "bloques de elementos", que son fragmentos de código HTML que separan diferentes elementos en una página. Por ejemplo, el cuerpo de este artículo es un bloque de elementos, al igual que el menú, las recomendaciones a continuación, y el pie de página de la página. Estos elementos están codificados a su manera, ya que pueden comportarse de manera diferente.
Una parte crucial de la construcción de páginas HTML es el uso de hojas de estilo en cascada (CSS). Estos son documentos que definen los elementos particulares de una página que debe tener en cuenta. Por ejemplo, cómo deben ser las imágenes grandes, qué fuentes deben aparecer en una página, y Cómo una página web debe responder Cuando se redimensiona o se estira. Todos estos son cruciales para crear sitios web atractivos, cohesivos y con estilo. Si ha notado que los sitios web comienzan a parecer mejor en la última década, el uso creciente de CSS es la razón más importante. Puedes leer más sobre CSS. aquí .
Una de las mejores cosas de HTML es su capacidad para ejecutar scripts dinámicos a través de JavaScript o JS. Estos scripts pueden crear elementos dinámicos. Por ejemplo, en ciertos sitios web, flotando en una imagen le permitirá alojarlo. Puede hacer este efecto codificando en un elemento JavaScript.
RELACIONADO: Cómo deshabilitar (y habilitar) JavaScript en Google Chrome
Conceptos básicos de HTML
Si bien HTML es un lenguaje bastante complejo con toneladas de etiquetas y bloques diferentes, hay algunos códigos HTML que pueden ser útiles a medida que está navegando por la web. Aquí hay un par de etiquetas HTML básicas que puede encontrar.
& lt; un href = "https://www.howtogeek.com" & gt; how-geek & lt; / a & gt;
Cómo ir
Usas el
& lt; a & gt;
comando para crear un enlace. La URL es donde apuntará el enlace, y el texto que lee "Cómo geek" es cómo aparecerá en un usuario final.
& lt; B & GT; BOLD & LT; / B & GT; & lt; i & gt; italic & lt; / i & gt; & lt; u & gt; subrayado & lt; / u & gt;
negrita itálico subrayar
Puedes usar el
& lt; b & gt;
De
& lt; i & gt;
, y
& lt; u & gt;
Para aplicar las opciones de formato de texto estándar: negrita, cursiva y texto subrayado.
& lt; img src = "picture.jpg" & gt;
los
& lt; img & gt;
La etiqueta se utiliza para incrustar una imagen en una página. Tirará de la imagen del mismo dominio, o puede apuntarlo a un dominio externo. También puede personalizarlo con algunos atributos adicionales, como el tamaño del tamaño y el texto alt.
& lt; H1 & GT; RAYANDO 1 & LT; / H1 & GT; & lt; p & gt; párrafo & lt; / p & gt;
Los anteriores son las etiquetas de encabezado y párrafo. Similar a cómo Microsoft Word le permite ordenar el texto en encabezados y texto corporal, HTML también puede formatear el texto en función de las opciones de encabezado y párrafo predeterminados. Estos formatos se definen utilizando la hoja de estilos CSS.
& lt; P Style = "Color: EDR;" & gt; rojo párrafo & lt; / p & gt;
También puedes usar el
"estilo"
Atributo para personalizar el texto con diferentes configuraciones de estilo, como color de texto, color de fondo y tamaño de fuente.
Si está interesado en aprender más opciones de formato HTML, echa un vistazo a la Recursos gratuitos de W3Schools . Encontrará una lista completa de las etiquetas HTML que puede usar para comenzar a crear sus páginas web.
RELACIONADO: ¿Qué es el "diseño sensible" y cómo lo usas?
