
Elementos básicos de HTML: guía completa sobre su uso

HTML es el lenguaje de marcado estándar utilizado para crear y diseñar páginas web. Con HTML, los desarrolladores pueden estructurar el contenido de una página web utilizando elementos y etiquetas específicas, lo que permite dar formato y organizar el contenido de manera efectiva.
Exploraremos los elementos básicos de HTML y cómo utilizarlos correctamente. Desde encabezados y párrafos hasta listas y enlaces, aprenderás cómo utilizar cada uno de estos elementos para crear una página web completa y bien estructurada. También veremos cómo agregar imágenes, tablas y formularios a nuestras páginas, y cómo aplicar estilos y atributos para personalizar el aspecto de nuestro contenido. Ya sea que seas un principiante absoluto o alguien que quiera refrescar sus conocimientos, esta guía te proporcionará todo lo que necesitas saber sobre los elementos básicos de HTML.
- Aprende los elementos básicos de HTML
- Descubre cómo utilizar cada elemento en tu página web
- Sigue los ejemplos y tutoriales para dominar HTML
- Crea una estructura sólida para tu página con etiquetas como , y
- Formatea tus textos con etiquetas como , y
- Inserta imágenes en tu página con la etiqueta
- Crea listas ordenadas y no ordenadas con y
- Agrega enlaces a otras páginas con la etiqueta
- Utiliza formularios para recopilar información de los usuarios
- Aprende a dar estilo a tu página con CSS
- Asegúrate de que tu página sea accesible para todos los usuarios
- Prueba tu página en diferentes navegadores y dispositivos
- Preguntas frecuentes
Aprende los elementos básicos de HTML
HTML, que significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje estándar utilizado para crear y diseñar páginas web. Es la base fundamental de cualquier sitio web y es importante comprender los elementos básicos de HTML para poder crear contenido estructurado y significativo.
Etiquetas de encabezado (h1-h6)
Los encabezados son elementos utilizados para definir la jerarquía de títulos en una página web. Se utilizan desde h1 hasta h6, donde h1 es el más importante y h6 el menos importante. Los encabezados no solo ayudan a organizar el contenido, sino que también son relevantes para la optimización de motores de búsqueda (SEO).
Listas ordenadas (ol)
Las listas ordenadas se utilizan para presentar información de forma secuencial y con un orden específico. Se crean utilizando la etiqueta ol (ordered list) y cada elemento de la lista se define con la etiqueta li (list item). Por ejemplo:
- Primer elemento
- Segundo elemento
- Tercer elemento
Listas desordenadas (ul)
Las listas desordenadas se utilizan para presentar información sin un orden específico. Se crean utilizando la etiqueta ul (unordered list) y cada elemento de la lista se define con la etiqueta li (list item). Por ejemplo:
- Elemento uno
- Elemento dos
- Elemento tres
Texto en negrita (strong)
La etiqueta strong se utiliza para resaltar o enfatizar texto en negrita. Por ejemplo:
Este es un texto en negrita.
Estos son solo algunos de los elementos básicos de HTML que te ayudarán a crear contenido estructurado y significativo en tus páginas web.
Descubre cómo utilizar cada elemento en tu página web
En el mundo del desarrollo web, HTML es uno de los lenguajes de marcado más utilizados para crear y estructurar el contenido de las páginas web. Con HTML, puedes incorporar diferentes elementos y etiquetas para dar formato, organizar y presentar la información de manera adecuada.
Elementos básicos de HTML
A continuación, te mostraremos una guía completa sobre los elementos básicos de HTML y cómo utilizarlos en tu página web:
- Etiqueta <p>: Se utiliza para crear un párrafo de texto en tu página web. Dentro de la etiqueta <p>, puedes escribir cualquier contenido de texto que desees mostrar.
- Etiqueta <h1> a <h6>: Estas etiquetas se utilizan para crear encabezados o títulos en tu página web. El número del encabezado indica su nivel de importancia, siendo <h1> el más importante y <h6> el menos importante.
- Etiqueta <ul>: Se utiliza para crear una lista desordenada en tu página web. Dentro de la etiqueta <ul>, se deben incluir las etiquetas <li> para cada elemento de la lista.
- Etiqueta <ol>: Se utiliza para crear una lista ordenada en tu página web. Al igual que en la etiqueta <ul>, se deben incluir las etiquetas <li> para cada elemento de la lista.
- Etiqueta <li>: Se utiliza dentro de las etiquetas <ul> y <ol> para crear cada elemento de la lista. Cada etiqueta <li> representa un ítem de la lista.
- Etiqueta <strong>: Se utiliza para resaltar o enfatizar un texto en negrita en tu página web. Cualquier contenido de texto dentro de la etiqueta <strong> se mostrará en negrita.
Estos son solo algunos de los elementos básicos de HTML que puedes utilizar en tu página web. A medida que vayas avanzando en tu conocimiento de HTML, descubrirás muchos más elementos y etiquetas que te permitirán personalizar y mejorar la apariencia de tu sitio web.
Sigue los ejemplos y tutoriales para dominar HTML
HTML (HyperText Markup Language) es el lenguaje de marcado estándar utilizado para crear y estructurar el contenido de las páginas web. Es fundamental para cualquier desarrollador web, ya que permite definir la estructura y el significado de los elementos en un documento web.
En esta guía completa, te mostraremos los elementos básicos de HTML y cómo utilizarlos correctamente en tus páginas web. Sigue los ejemplos y tutoriales paso a paso para dominar HTML y crear páginas web efectivas y bien estructuradas.
1. Etiquetas de encabezado: <h1> a <h6>
Los encabezados son elementos importantes para jerarquizar el contenido de una página web. HTML proporciona etiquetas de encabezado desde <h1> hasta <h6>, donde <h1> es el más importante y <h6> el menos importante.
Por ejemplo:
<h1>Este es un encabezado de nivel 1</h1><h2>Este es un encabezado de nivel 2</h2><h3>Este es un encabezado de nivel 3</h3><h4>Este es un encabezado de nivel 4</h4><h5>Este es un encabezado de nivel 5</h5><h6>Este es un encabezado de nivel 6</h6>
2. Listas: <ul>, <ol> y <li>
Las listas son útiles para presentar información de manera organizada. HTML ofrece dos tipos de listas: listas desordenadas (<ul>) y listas ordenadas (<ol>).
Por ejemplo, una lista desordenada:
<ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li></ul>
Y una lista ordenada:
<ol> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li></ol>
3. Texto en negrita: <strong>
Para resaltar parte del texto, puedes utilizar la etiqueta <strong>.
Por ejemplo:
Este es un <strong>texto en negrita</strong>.
Estos son solo algunos de los elementos básicos de HTML. Sigue aprendiendo y practicando para convertirte en un experto en el desarrollo web. ¡Buena suerte!
Crea una estructura sólida para tu página con etiquetas como ,
HTML proporciona una serie de etiquetas que nos permiten crear una estructura sólida para nuestras páginas web. Estas etiquetas, como <header>, <nav> y <footer>, nos ayudan a definir y organizar el contenido de nuestro sitio de manera clara y accesible.
<header>: Define el encabezado de la página
La etiqueta <header> se utiliza para definir el encabezado o la parte superior de una página web. Aquí es donde generalmente se coloca el logotipo o el título del sitio, así como otros elementos importantes, como la barra de navegación principal. El contenido dentro de esta etiqueta suele ser consistente en todas las páginas de un sitio web.
<nav>: Crea una barra de navegación
La etiqueta <nav> se utiliza para crear una sección de navegación en una página web. Dentro de esta etiqueta, podemos incluir enlaces a otras páginas del sitio, categorías de contenido o cualquier otro elemento de navegación relevante. Al utilizar esta etiqueta, estamos indicando claramente que el contenido dentro de ella está destinado a facilitar la navegación del usuario.
<footer>: Define el pie de página
La etiqueta <footer> se utiliza para definir el pie de página de una página web. Aquí es donde generalmente se colocan los enlaces de contacto, la información de derechos de autor y otros elementos similares. El contenido dentro de esta etiqueta suele ser consistente en todas las páginas de un sitio web.
Al utilizar estas etiquetas correctamente, estamos creando una estructura clara y semántica para nuestras páginas web. Esto no solo facilita la comprensión del contenido por parte de los usuarios, sino también la indexación por parte de los motores de búsqueda. Además, al separar claramente el encabezado, la navegación y el pie de página, estamos facilitando la tarea de mantenimiento y actualización de nuestro sitio web.
Formatea tus textos con etiquetas como ,
y HTML ofrece una amplia variedad de etiquetas que nos permiten dar formato a nuestros textos de manera sencilla y eficiente. Algunas de las etiquetas más utilizadas para este propósito son <h1>, <p> y <strong>. La etiqueta <h1> se utiliza para definir el encabezado principal de una página o sección. Es importante mencionar que solo debe haber un <h1> por página, ya que representa la jerarquía más alta en la estructura de títulos de un documento HTML. La etiqueta <p> se utiliza para crear párrafos de texto. Es una de las etiquetas más comunes y se utiliza para separar y organizar el contenido en bloques de texto coherentes. Para utilizar la etiqueta <p>, simplemente debes abrir la etiqueta, escribir tu texto y cerrarla. La etiqueta <strong> se utiliza para resaltar o dar énfasis a una parte específica del texto. Por lo general, el texto rodeado por esta etiqueta se muestra en negrita. Aunque visualmente puede parecer similar a la etiqueta <b>, <strong> tiene un significado semántico más fuerte, ya que indica que el texto es importante para el contexto. Las etiquetas <h1>, <p> y <strong> son elementos básicos de HTML que nos permiten dar formato a nuestros textos de manera clara y estructurada. Utilízalas adecuadamente para mejorar la legibilidad y accesibilidad de tu contenido. La etiqueta <img> es uno de los elementos más utilizados en HTML para insertar imágenes en una página web. Esta etiqueta no tiene una etiqueta de cierre, ya que se considera una etiqueta de autocierre. Para insertar una imagen, debes utilizar el atributo src para especificar la URL de la imagen que deseas mostrar. Por ejemplo: En el ejemplo anterior, hemos utilizado el atributo src para especificar la ruta de la imagen que se encuentra en el archivo "ruta_de_la_imagen.jpg". El atributo alt se utiliza para proporcionar una descripción de la imagen, que se mostrará si la imagen no se carga correctamente o si el usuario utiliza un lector de pantalla. Además del atributo src, existen otros atributos opcionales que se pueden utilizar con la etiqueta <img>. Algunos de los atributos más comunes incluyen: Es importante tener en cuenta que al utilizar la etiqueta <img>, es recomendable proporcionar siempre un texto alternativo utilizando el atributo alt. Esto es especialmente importante para garantizar la accesibilidad de la página web, ya que los lectores de pantalla utilizados por personas con discapacidades visuales leerán el texto alternativo en lugar de la imagen.Etiqueta <h1>
Etiqueta <p>
Etiqueta <strong>
Inserta imágenes en tu página con la etiqueta
<img src="ruta_de_la_imagen.jpg" alt="Descripción de la imagen">
Crea listas ordenadas y no ordenadas con
- y
- target: permite especificar en qué pestaña o ventana se abrirá el enlace. Por ejemplo, target="_blank" abrirá el enlace en una nueva pestaña.
- title: muestra un texto emergente al pasar el cursor sobre el enlace.
- download: indica que el enlace debe descargarse en lugar de abrirse en el navegador.
- Preparar los ingredientes
- Mezclar los ingredientes en un recipiente
- Hornear la mezcla durante 30 minutos
- Dejar enfriar antes de servir
- Resistente al agua
- Conexión inalámbrica
- Batería de larga duración
- Pantalla de alta resolución
<html>
: define el inicio y fin del documento HTML.<head>
: contiene la información meta y la configuración de la página.<body>
: contiene todo el contenido visible de la página.<h1>
,<h2>
,<h3>
: encabezados de diferentes niveles.<p>
: define un párrafo de texto.<a>
: crea un enlace.<img>
: muestra una imagen en la página.-
Luis Crespo es un experimentado desarrollador web especializado en comercio electrónico. Ingeniero en Informática por la UNC y con un posgrado en Marketing Digital de la UCEMA, Luis cuenta con más de 15 años de experiencia en el diseño, programación y posicionamiento de sitios de e-commerce de alto rendimiento.
Originario de la provincia de Córdoba, Luis demostró sólida inclinación por la creación de experiencias de compra digitales desde sus años de estudio. Tras graduarse, realizó una especialización en strategia y métricas para negocios online.
En su extensa trayectoria profesional, ha desarrollado más de 100 tiendas virtuales optimizadas para una alta conversión, desde el diseño UX centrado en el usuario hasta la integración con pasarelas de pago y logistica del envío.
Comprometido con impulsar el crecimiento online de sus clientes, Luis Crespo continúa actualizándose en las últimas novedades tecnológicas para crear y potenciar sitios de comercio electrónico altamente competitivos. Creación de páginas web asequibles07/12/2023Guía para crear una página web económica y de calidad
Tutoriales WordPress03/09/2023Comparativa: WordPress vs. otras plataformas de CMS para diseño web
Creación de páginas web asequibles30/08/2023Descubre los beneficios de una página web asequible para tu negocio
Creación de páginas web asequibles29/08/2023Encuentra un profesional para crear una página web asequible
Las listas son elementos esenciales en la estructura de una página web. Permiten organizar la información de manera ordenada y fácil de leer para los usuarios. HTML ofrece dos tipos de listas: las listas ordenadas y las listas no ordenadas.
Listas ordenadas con
Las listas ordenadas se crean utilizando la etiqueta
- . Esta etiqueta debe contener uno o varios elementos de lista () dentro de ella. Cada elemento de lista representa un ítem de la lista ordenada.
Por ejemplo:
<ol> <li>Primer ítem</li> <li>Segundo ítem</li> <li>Tercer ítem</li></ol>
El código anterior generará una lista ordenada con tres ítems numerados del 1 al 3.
Listas no ordenadas con
Las listas no ordenadas se crean utilizando la etiqueta
- . Al igual que las listas ordenadas, esta etiqueta debe contener uno o varios elementos de lista () dentro de ella. Cada elemento de lista representa un ítem de la lista no ordenada.
Por ejemplo:
<ul> <li>Primer ítem</li> <li>Segundo ítem</li> <li>Tercer ítem</li></ul>
El código anterior generará una lista no ordenada con tres ítems representados por viñetas.
Las etiquetas
- y
Agrega enlaces a otras páginas con la etiqueta
La etiqueta <a> es una de las más importantes en HTML, ya que nos permite agregar enlaces a otras páginas o recursos en Internet. Para utilizarla, debemos incluir el atributo href seguido de la URL a la cual queremos enlazar.
Por ejemplo, si queremos enlazar a la página de inicio de Google, el código sería el siguiente:
<a href="https://www.google.com">Ir a Google</a>
Esto generará un enlace que mostrará el texto "Ir a Google" y al hacer clic en él, nos redireccionará a la página de inicio de Google.
Además del atributo href, podemos utilizar otros atributos en la etiqueta <a> para personalizar el comportamiento y apariencia del enlace. Algunos de los atributos más comunes son:
A continuación, un ejemplo de cómo utilizar algunos de estos atributos:
<a href="https://www.google.com" target="_blank" title="Ir a Google">Ir a Google</a>
En este caso, el enlace se abrirá en una nueva pestaña y al pasar el cursor sobre él, se mostrará el texto "Ir a Google".
Recuerda siempre cerrar correctamente la etiqueta <a> utilizando </a>.
Utiliza formularios para recopilar información de los usuarios
Los formularios son una parte fundamental de HTML ya que nos permiten recopilar información de los usuarios de una manera estructurada y fácil de procesar. A través de los distintos elementos que ofrece este lenguaje, como input, textarea y select, podemos crear campos de texto, áreas de texto y listas desplegables, respectivamente.
Para empezar a utilizar formularios, debemos utilizar la etiqueta <form>, la cual nos permite agrupar todos los elementos relacionados con el formulario. Esta etiqueta debe tener un atributo action que indica la URL a la que se enviará la información del formulario, y un atributo method que determina el método HTTP que se utilizará para enviar los datos (GET o POST).
Dentro del formulario, podemos utilizar la etiqueta <input> para crear campos de texto. Esta etiqueta debe tener un atributo type que indica el tipo de campo que se va a mostrar (por ejemplo, "text" para un campo de texto simple, "email" para un campo de correo electrónico, etc.), y un atributo name que indica el nombre del campo en el que se almacenará la información introducida por el usuario.
Si deseamos que el usuario introduzca una contraseña, podemos utilizar la etiqueta <input> con el atributo type="password". De esta manera, el campo de texto se mostrará oculto para proteger la privacidad del usuario.
Para permitir al usuario seleccionar una opción de una lista predefinida, podemos utilizar la etiqueta <select> en conjunto con la etiqueta <option>. La etiqueta <select> debe tener un atributo name que indica el nombre del campo en el que se almacenará la opción seleccionada por el usuario. Por su parte, la etiqueta <option> debe tener un atributo value que indica el valor de la opción.
Además de los elementos mencionados anteriormente, también podemos utilizar la etiqueta <textarea> para crear áreas de texto más grandes en las que los usuarios puedan introducir una cantidad considerable de texto.
Una vez que el usuario ha introducido la información en los distintos campos del formulario, podemos utilizar la etiqueta <input> con el atributo type="submit" para crear un botón de envío que permita enviar los datos del formulario a la URL especificada en el atributo action de la etiqueta <form>.
Aprende a dar estilo a tu página con CSS
En este artículo, te enseñaremos cómo dar estilo a tu página web utilizando CSS (Cascading Style Sheets). CSS es un lenguaje de hojas de estilo que te permite controlar la apariencia y el diseño de tus páginas HTML. Con CSS, puedes definir reglas que se aplicarán a elementos específicos de tu página, como títulos, párrafos, listas y mucho más.
La sintaxis básica de CSS consiste en una regla que se compone de un selector y un bloque de declaración. El selector indica a qué elemento o elementos se aplicará la regla, mientras que el bloque de declaración contiene una o más propiedades y valores que especifican cómo se debe mostrar el elemento.
Escritura de reglas CSS
Para escribir una regla CSS, primero debes seleccionar el elemento o elementos a los que deseas aplicar el estilo. Puedes seleccionar elementos HTML utilizando selectores de etiquetas, clases o identificadores.
Por ejemplo, si deseas aplicar un estilo a todos los párrafos de tu página, puedes usar el selector de etiqueta "p". Si deseas aplicar un estilo a un párrafo específico, puedes agregar una clase o un identificador al elemento y luego utilizar el selector de clase o el selector de identificador correspondiente.
Una vez que hayas seleccionado el elemento o elementos, puedes agregar propiedades y valores al bloque de declaración. Por ejemplo, si deseas cambiar el color del texto del párrafo a rojo, puedes usar la propiedad "color" y el valor "red".
Aplicación de estilos con CSS
Existen varias formas de aplicar estilos CSS a tus páginas HTML. Puedes utilizar estilos en línea, que se definen directamente en la etiqueta HTML utilizando el atributo "style". Por ejemplo:
<p style="color: red;">Este es un párrafo de ejemplo</p>
También puedes utilizar estilos internos, que se definen en la sección <head> de tu página HTML utilizando la etiqueta <style>. Por ejemplo:
<style> p { color: red; }</style>
La forma más recomendada de aplicar estilos CSS es utilizando una hoja de estilo externa. Esto implica crear un archivo separado con extensión .css que contenga todas las reglas CSS y luego enlazarlo a tu página HTML utilizando la etiqueta <link>. Por ejemplo:
<link rel="stylesheet" href="estilos.css">
Al utilizar una hoja de estilo externa, puedes mantener todo el estilo de tu página en un solo archivo, lo que facilita la modificación y el mantenimiento de tus estilos.
CSS es una herramienta poderosa que te permite dar estilo a tus páginas web. Con sus selectores y propiedades, puedes controlar la apariencia y el diseño de elementos individuales o de toda tu página. Ya sea que utilices estilos en línea, estilos internos o una hoja de estilo externa, asegúrate de seguir las mejores prácticas y mantener tu código limpio y organizado.
¡Esperamos que esta guía te haya ayudado a comprender los conceptos básicos de CSS y cómo aplicar estilos a tus páginas HTML!
Asegúrate de que tu página sea accesible para todos los usuarios
La accesibilidad es un aspecto fundamental en el desarrollo de páginas web. Es importante asegurarse de que todas las personas, independientemente de sus capacidades o limitaciones, puedan acceder y utilizar el contenido de tu sitio web. En este artículo, te proporcionaremos una guía completa sobre cómo hacer que tu página sea accesible para todos los usuarios.
Utiliza etiquetas semánticas
Una de las mejores prácticas en HTML es utilizar etiquetas semánticas para estructurar el contenido de tu página. Las etiquetas semánticas, como <header>, <nav>, <main>, <section> y <footer>, ayudan a los navegadores y a los motores de búsqueda a comprender la estructura y el significado de tu contenido.
Proporciona alternativas textuales para los elementos no textuales
Es importante proporcionar alternativas textuales para los elementos no textuales, como imágenes, videos o audio. Esto permite a los usuarios que utilizan lectores de pantalla, o que tienen problemas para ver o escuchar, comprender el contenido de tu página. Utiliza la etiqueta <img> y el atributo alt para describir las imágenes, y la etiqueta <video> y <audio> para proporcionar subtítulos o transcripciones para los videos y audios.
Utiliza encabezados correctamente
Los encabezados son elementos importantes para estructurar tu contenido y ayudar a los usuarios a navegar por tu página. Utiliza los encabezados de forma jerárquica, comenzando con el <h1> como el título principal de tu página, seguido del <h2>, <h3>, etc., para los títulos de sección. Esto ayuda a los usuarios a comprender la organización de tu página y a encontrar la información que están buscando más fácilmente.
Utiliza listas ordenadas y no ordenadas
Las listas ordenadas y no ordenadas son útiles para presentar información de forma estructurada y fácil de leer. Utiliza la etiqueta <ul> para crear listas no ordenadas y la etiqueta <ol> para crear listas ordenadas. Utiliza la etiqueta <li> para cada elemento de la lista.
Por ejemplo, si estás creando una lista de pasos para realizar una receta, puedes utilizar una lista ordenada:
Si estás creando una lista de características de un producto, puedes utilizar una lista no ordenada:
Estos son solo algunos de los elementos básicos de HTML que puedes utilizar para hacer que tu página sea más accesible y fácil de usar para todos los usuarios. Recuerda seguir las mejores prácticas y utilizar las etiquetas adecuadas para cada tipo de contenido.
Una vez que hayas terminado de desarrollar tu página web utilizando HTML, es importante asegurarse de que se vea y funcione correctamente en diferentes navegadores y dispositivos. Esto se debe a que cada navegador interpreta el código HTML de manera ligeramente diferente y puede haber variaciones en cómo se muestran los elementos en diferentes dispositivos.
Prueba tu página en diferentes navegadores populares como Google Chrome, Mozilla Firefox, Safari e Internet Explorer. Verifica que todos los elementos se muestren correctamente y que no haya ningún problema de diseño o funcionalidad.
Además, es recomendable probar tu página en diferentes dispositivos como computadoras de escritorio, laptops, tabletas y teléfonos móviles. Esto te permitirá asegurarte de que tu página se vea bien y sea fácil de usar en diferentes tamaños de pantalla.
Recuerda que algunos elementos pueden verse y comportarse de manera diferente en diferentes navegadores y dispositivos. Por ejemplo, los estilos CSS aplicados a un elemento pueden ser interpretados de manera diferente, lo que puede afectar el diseño de tu página. Asegúrate de hacer las correcciones necesarias para que tu página se vea correctamente en todos los casos.
Si encuentras algún problema o inconsistencia en tu página al probarla en diferentes navegadores o dispositivos, puedes utilizar herramientas de desarrollo web como las "Herramientas para desarrolladores" integradas en los navegadores o servicios en línea como BrowserStack para solucionar y corregir cualquier problema.
Probar tu página en diferentes navegadores y dispositivos es una parte esencial del desarrollo web. Esto te ayudará a asegurarte de que tu página se vea y funcione correctamente para todos los usuarios, independientemente del navegador o dispositivo que utilicen.
Preguntas frecuentes
¿Qué es HTML?
HTML (HyperText Markup Language) es un lenguaje de marcado utilizado para crear la estructura y presentación de páginas web. Con HTML, puedes definir el contenido de una página, como títulos, párrafos, imágenes, enlaces y mucho más.
¿Cuáles son los elementos básicos de HTML?
Algunos de los elementos básicos de HTML incluyen:
¿Cómo se enlazan las páginas web en HTML?
Para enlazar páginas web en HTML, se utiliza la etiqueta <a>
y el atributo href
. Por ejemplo, para enlazar a una página llamada "pagina2.html", se utiliza el siguiente código:
<a href="pagina2.html">Enlace a página 2</a>
¿Cómo se inserta una imagen en HTML?
Para insertar una imagen en HTML, se utiliza la etiqueta <img>
y el atributo src
para especificar la ruta de la imagen. Por ejemplo:
<img src="imagen.jpg" alt="Descripción de la imagen">
¿Qué es la estructura básica de un documento HTML?
La estructura básica de un documento HTML consta de las siguientes etiquetas:
<!DOCTYPE html><html><head> <title>Título de la página</title></head><body> Contenido de la página</body></html>
La etiqueta <!DOCTYPE html>
define la versión de HTML que se está utilizando. La etiqueta <html>
es el contenedor principal del documento, y dentro de ella se encuentran las etiquetas <head>
y <body>
que contienen la información meta y el contenido visible de la página, respectivamente.
Perfil del autor

Últimas entradas
Si quieres conocer otros artículos parecidos a Elementos básicos de HTML: guía completa sobre su uso puedes visitar la categoría Creación de páginas web asequibles.
Deja una respuesta
Artículos relacionados