¿Qué es HTML?
Desde el nacimiento de Internet, HTML ha sido la clave para hacer que la World Wide Web funcione y se vea como queremos. Echemos un vistazo a lo que es HTML y cómo se convierte en las páginas que ve todos los días.
la columna vertebral de internet
HTML significa «Lenguaje de marcado de hipertexto». Es un lenguaje de codificación utilizado para crear páginas que los navegadores web pueden mostrar. La mayoría de las páginas web que encuentra en Internet, incluida la que está leyendo este artículo en este momento, se almacenan como archivos HTML. Un sitio web es un conjunto de páginas HTML relacionadas almacenadas en algún lugar de un servidor. Es por eso que a menudo se hace referencia al idioma como «la columna vertebral de Internet».
Cada vez que visita una página en Internet, en realidad está solicitando un archivo HTML almacenado en el servidor. El navegador que está utilizando, como Chrome o Firefox, analizará el HTML y se lo mostrará como se esperaba.
La ubicuidad y versatilidad de HTML lo convierten en el lenguaje de marcado más popular del mundo. La mayoría de los desarrolladores web front-end comienzan desde aprender a codificar en HTML. Las herramientas de arrastrar y soltar y los editores WYSIWYG finalmente se traducen a HTML para que los navegadores puedan analizarlos.
Cómo funciona HTML
Como cualquier lenguaje de programación, HTML parece un montón de comandos y bloques de texto antes de que se vuelva visual en la interfaz. Si desea ver cómo se ve el HTML en esta página en particular, y está en una computadora de escritorio o portátil, intente hacer clic con el botón derecho en cualquier parte de la página y seleccione «Ver código fuente de la página» (esta opción puede variar según su navegador) ). Debería llevarte a una pared gigante de código.
La mayor parte del HTML se crea 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ú, los testimonios a continuación y el pie de página. Estos elementos están codificados a su manera porque pueden comportarse de manera diferente.
Una parte clave de la creación de páginas HTML es el uso de hojas de estilo en cascada (CSS). Estos documentos definen cómo debe verse un elemento particular de la página. Por ejemplo, qué tamaño debe tener una imagen, qué fuente debe aparecer en la página y cómo debe responder la página web cuando se cambia de tamaño o se estira. Todos estos son vitales para crear un sitio web atractivo, cohesivo y con estilo. Si ha notado que los sitios web han comenzado a verse mejor durante la última década, el mayor uso de CSS es la razón principal. 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 algunos sitios web, al pasar el cursor sobre una imagen, ésta se amplía. Puede lograr este efecto codificando en un elemento de JavaScript.
Conceptos básicos de HTML
Aunque HTML es un lenguaje bastante complejo, que consta de una gran cantidad de etiquetas y bloques diferentes, hay algunos códigos HTML que pueden ser útiles mientras navega por la web. A continuación se muestran algunas etiquetas HTML básicas con las que puede encontrarse.
a href="https://www.howtogeek.com"Cómo hacer Geek/a
como ser friki
tu usas ela
Comando para crear un enlace. La URL es donde apuntará el enlace, y el texto de «How-to Geek» es lo que ve el usuario final.
bbnegrita/b cursiva/i guión bajo/u
audaz subrayado en cursiva
puedes usarlob
,i
yu
para aplicar las opciones de formato de texto estándar: texto en negrita, cursiva y subrayado.
imgsrc="imagen.jpg"
Deberíaimg
Las etiquetas se utilizan para incrustar imágenes en las páginas. Extraerá imágenes del mismo dominio, o puede apuntarlas a un dominio externo. También puede personalizarlo con algunas propiedades adicionales, como el cambio de tamaño y el texto alternativo.
h1 encabezamiento 1/h1 párrafo/p
Arriba están las etiquetas de encabezado y párrafo. Al igual que Microsoft Word le permite categorizar el texto en encabezados y texto del cuerpo, HTML también puede formatear el texto de acuerdo con las opciones predeterminadas de encabezado y párrafo. Estos formatos se definen mediante hojas de estilo CSS.
Sección delantera/p
También puede utilizar el"style"
Los atributos establecen texto personalizado con varios estilos, como color de texto, color de fondo y tamaño de fuente.
Si está interesado en obtener más información sobre las opciones de formato HTML, consulte la Recursos gratuitos de W3Schools. Encontrará una lista completa de etiquetas HTML que puede usar para comenzar a crear su página web.