HDP115

Curso básico de HTML

Aprende HTML desde cero con ejemplos prácticos y videos orientativos

Declaración doctype

Es una declaración que va al principio de cualquier documento HTML.

Elemento html

Es el elemento raíz de un documento HTML. Todo el contenido del sitio web está contenido dentro de este elemento.

Elemento head en HTML

Es el espacio donde se definen todos los metadatos de un documento de hipertexto, esto incluye títulos, links a archivos css o scripts javascript, y metaetiquetas informativas como opengraph.

Elemento body en HTML

Es el elemento que va contener toda la parte visisble de la página web. Solamente existe un elemento body y es hijo directo del elemento raíz (html).

Elemento title en HTML

Este elemento define el título que se muestra en la barra del navegador o título de la pestaña de la página, solo acepta texto.

Elemento style en HTML

El elemento style en html sirve para aplicar estilos CSS, este elemento debe ir dentro del elemento head.

Elemento base en HTML

Este elemento base se coloca dentro del head de un documento HTML y establece una URL base para todas las URLs relativas del documento.

Elemento link en HTML

El elemento link sirve para indicar una conexión entre el documento y recursos externos. Es comunmente usado para añadir CSS externo y agregar un favicon (icono que aparece en las pestañas del navagador).

Elemento meta en HTML

El elemento meta se usa para indicar metadatos dentro del documento html, este no posee etiqueta de cierre y debe ir dentro del elemento head.

Elemento script en HTML

El elemento <script> en HTML se utiliza para insertar código JavaScript ejecutable en un documento HTML o para referenciar un archivo JavaScript externo.

Elemento noscript HTML

El elemento <noscript> define una sección de HTML que solo se muestra cuando el navegador no soporta JavaScript o el usuario ha desactivado JavaScript manualmente.

Headings (encabezados) en HTML

Aprende a usar los encabezados en HTML para estructurar tu contenido de manera efectiva.

Elemento p en HTML

La etiqueta p (que viene de "párrafo") es el elemento básico para agrupar texto en bloques lógicos. Es como los ladrillos con los que construyes el contenido escrito de tu sitio.

Elemento br en HTML

El elemento br es para indicar un salto de linea (o retorno de carro). Este no posee etiqueta de cierre.

Elemento hr en HTML

El elemento hr en HTML representa una ruptura tematica entre elementos de parrafo. Este elemento se representa como una linea horizontal que separa el contenido de una página HTML.

Elemento strong en HTML

Este elemento indica una importancai fuerte dentro del texto en que se define, los navegadores lo muestran en negrita. Es decir, que en terminos semanticos indica importancia o seriedad.

Elemento i en HTML

El elemento "i" se utiliza para marcar texto en cursiva, pero también tiene un significado semántico. Aprende cuándo y cómo usarlo correctamente.

Elemento em en HTML

El elemento "em" se utiliza para marcar texto con énfasis, y tiene un significado semántico importante.

Elemento u en HTML

El elemento "u" se utiliza para marcar texto subrayado, pero su uso ha disminuido en favor de CSS. Aprende cuándo y cómo usarlo correctamente.

Elemento mark en HTML

El elemento <mark> se utiliza para resaltar texto que es relevante o importante en el contexto del contenido.

Comentarios en HTML

Aprende a usar comentarios en HTML para documentar tu código y mejorar su legibilidad.

Elemento a en HTML

El elemento a (del ingles anchor o ancla) es un elemento HTML que se utiliza para crear enlaces a otras páginas web, secciones dentro de la misma página o recursos externos.

Elemento img en HTML

El elemento img en HTML sirve para agregar imagenes dentro de la página web. Es un elemento vacío, lo que significa que no tiene una etiqueta de cierre.

Elemento ul en HTML

El elemento `<ul>` (del ingles unordered list) se utiliza para crear listas desordenadas en HTML.

Elemento ol en HTML

El elemento `<ol>` (del inglés ordered list) se utiliza para crear listas ordenadas en HTML.

Elementos table, tbody, thead, tfoot, tr, th y td en HTML

Aprende a crear tablas en HTML utilizando los elementos table, tbody, thead, tfoot, tr, th y td. Descubre cómo estructurar y dar formato a tus datos de manera efectiva.

Elemento form en HTML

El elemento <form> permite crear formularios interactivos en HTML. Estos sirven para enviar datos a un servidor

Elemento input en HTML

El elemento `<input>` es el elemento que permite crear los controles interactivos (campos) para recolectar datos de usuarios.

Elemento label en HTML

El elemento label en HTML se utiliza para asociar texto descriptivo con controles de formulario, para mejorar la accesibilidad, aumentar el area de clickeo y dar contexto semantico a cada campo.

Elemento select en HTML

El elemento `<select>` crea un control de selección desplegable o lista que permite a los usuarios elegir entre varias opciones predefinidas.

Elemento header en HTML

El elemento `<header>` representa el contenido introductorio o un conjunto de enlaces de navegación para una sección o página web, facilitando la estructura semántica del documento.

Elemento nav en HTML

El elemento `<nav>` representa una sección de una página que contiene enlaces de navegación, ya sea hacia otras partes del sitio o hacia otros sitios.

Elemento section en HTML

El elemento `<section>` representa una sección genérica de contenido que tiene relación temática entre sí y generalmente incluye un encabezado.

Elemento noscript

Elemento noscript

Elemento noscript

Elemento noscript

Elemento noscript

Conceptos Básicos de HTML

Aprende los conceptos básicos de HTML

Refuerzo Academico de Herramientas de Productividad 2025