HTML (HyperText Markup Language) es un lenguaje de marcado utilizado para crear y estructurar contenido en la web. Es el lenguaje base para la creación de páginas web y se utiliza para definir la estructura y el contenido de un sitio web, como texto, imágenes, enlaces, videos y otros elementos multimedia.
En esencia, HTML proporciona una serie de etiquetas o “tags” que se utilizan para marcar o delimitar diferentes partes del contenido. Cada etiqueta tiene una función específica y, cuando se combinan, forman la estructura del contenido que se muestra en una página web. Los navegadores web interpretan el código HTML y muestran el contenido en el formato deseado.
Por ejemplo, un elemento de encabezado en HTML se puede crear utilizando la etiqueta <h1>, mientras que los párrafos se pueden marcar con la etiqueta <p>. Las imágenes se insertan con la etiqueta <img>, y los enlaces se crean con la etiqueta <a>.
Aquí hay un ejemplo simple de código HTML que crea una página con un título y un párrafo:
htmlCopy code<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado</h1>
<p>Este es un párrafo de ejemplo.</p>
</body>
</html>
HTML se complementa con otros lenguajes como CSS (Cascading Style Sheets) para controlar la presentación visual de la página y JavaScript para agregar interactividad y comportamiento dinámico.
¿Cuales son las principales etiquetas de html?
HTML cuenta con una amplia variedad de etiquetas para marcar y organizar el contenido de una página web. Aquí están algunas de las principales etiquetas HTML:
- Encabezado:
<h1>a<h6>: Etiquetas para definir los niveles de encabezado, donde<h1>es el más importante y<h6>el menos importante.
- Párrafos y texto:
<p>: Define un párrafo.<br>: Salto de línea (sin cierre de etiqueta).<strong>o<b>: Texto en negrita.<em>o<i>: Texto en cursiva.<u>: Texto subrayado.
- Listas:
<ul>: Lista desordenada.<ol>: Lista ordenada.<li>: Elemento de lista.
- Enlaces e imágenes:
<a>: Enlace o hipervínculo.<img>: Imagen.
- Tablas:
<table>: Define una tabla.<tr>: Define una fila de la tabla.<th>: Celda de encabezado de la tabla.<td>: Celda de datos de la tabla.
- Formularios:
<form>: Define un formulario.<input>: Campo de entrada (texto, checkbox, radio, etc.).<textarea>: Campo de texto multilínea.<select>: Lista desplegable.<button>: Botón.
- Divisores y secciones:
<div>: Contenedor genérico para agrupar elementos.<span>: Contenedor genérico para texto y elementos en línea.<header>: Encabezado del documento o sección.<footer>: Pie de página del documento o sección.<nav>: Define la navegación del sitio.
- Multimedia:
<video>: Reproducción de video.<audio>: Reproducción de audio.<iframe>: Insertar contenido de otra página web.
Estas son solo algunas de las etiquetas más comunes en HTML. Existen muchas más etiquetas y atributos que permiten crear una amplia variedad de contenido y estructuras para páginas web.
¿Cual es la estructura básica de una pagina en html?
La estructura básica de una página HTML sigue el siguiente formato:
htmlCopy code<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de la página</title>
</head>
<body>
<!-- Contenido de la página va aquí -->
</body>
</html>
Explicación de cada parte:
<!DOCTYPE html>: Esta declaración define la versión de HTML que se está utilizando, que en este caso es HTML5.<html>: Es el elemento raíz del documento y contiene todo el contenido de la página web.<head>: Esta sección contiene metadatos y enlaces a archivos externos, como hojas de estilo CSS, fuentes, scripts y otros recursos importantes para la página. También es donde se establece el título que se muestra en la barra del navegador.<meta charset="UTF-8">: Esta etiqueta especifica el juego de caracteres (character set) utilizado en la página, que es generalmente UTF-8, que soporta una amplia variedad de caracteres de diferentes idiomas.<meta name="viewport" content="width=device-width, initial-scale=1.0">: Esta etiqueta es importante para páginas web adaptativas (responsive). Ayuda a controlar la escala inicial y el tamaño de la vista en dispositivos móviles.<title>Título de la página</title>: Aquí se establece el título de la página, que se muestra en la pestaña del navegador o en la barra de título de la ventana del navegador.<body>: Esta es la etiqueta que contiene todo el contenido visible de la página. Aquí es donde se colocan los elementos que los usuarios verán en el navegador, como texto, imágenes, enlaces, formularios, etc.
Dentro de la etiqueta <body>, se coloca todo el contenido visible de la página, utilizando las diversas etiquetas y elementos de HTML para estructurar y organizar la información de manera adecuada.
Es importante tener en cuenta que algunos elementos, como los metadatos, no son visibles para los usuarios, pero son cruciales para el funcionamiento y presentación correcta de la página web.
