Introducción a HTML
En su corazón, HTML es un lenguaje muy sencillo compuesto de elementos, que se
pueden aplicar a piezas de texto para darles un significado diferente en un
documento (¿Esto es un párrafo? ¿Esto es una lista con viñetas? ¿Esto es parte de
una tabla?), estructura un documento en secciones lógicas (¿Tiene una cabecera?
¿Tres columnas de contenido? ¿Un menú de navegación?), e incrusta contenido
como imágenes y vídeos en una página. Este módulo introducirá los dos primeros
de estos, e introduce conceptos fundamentales y la sintaxis que necesitas para
entender HTML.
¿Quieres transformarte en un desarrollador de la interfaz de usuario
web?
Hemos elaborado un curso que incluye toda la información esencial que necesitas
para trabajar hacia tu objetivo.
Empieza aquí
Prerrequisitos
Antes de empezar este módulo, no necesitas conocimientos previos de HTML, pero
deberías estar, por lo menos, familiarizado con el uso básico de computadoras, y usar la
Web pasivamente (es decir, sólo revisándola y consumiendo el contenido). Debes tener
configurado un entorno de trabajo básico (como se detalla en Instalación de software
básico), y comprender cómo crear y administrar archivos (como se detalla en Manejo de
archivos). Ambos son parte de nuestro módulo completo Introducción a la web para
principiantes.
Nota: Si estás trabajando en una computadora, tablet u otro dispositivo en donde no tengas
la capacidad de crear tus propios archivos, podrías probar (en su mayoría) el código de los
ejemplos en un programa para escribir código en línea como JSBin o Glitch.
Guías
Este módulo contiene los siguientes artículos, que te llevarán a través de toda la teoría
básica de HTML, y te proporcionarán una amplia oportunidad de probar algunas
habilidades.
Empezar con HTML
Cubre las bases absolutas de HTML, para que puedas empezar — definimos
elementos, atributos, y todas los otros términos importantes que puedas haber
escuchado, y en donde encajan en el lenguaje. También mostramos cómo está
estructurado un elemento HTML, cómo está estructurada una página HTML típica,
y explica otras características importantes. En el camino, vamos a tener un juego
con algo de HTML, ¡para alimentar tu intereses!
¿Qué hay en la cabecera? Metadatos en HTML
La cabecera de un documento HTML es la parte que no se muestra en el navegador
web cuando se carga una página. Esta contiene información como el título (<title>)
de la página, enlaces a CSS (si quieres estilizar tu contenido HTML con CSS),
enlaces a favicons personalizados, y metadatos (que son los datos sobre el HTML,
como quién lo escribió, y palabras clave que describen el documento).
Fundamentos de texto HTML
Uno de los principales trabajos de HTML es darle significado al texto (también
conocido como semántica) para que el navegador sepa cómo mostrarlo
correctamente. Este artículo trata cómo usar HTML para convertir un bloque de
texto en una estructura de encabezados y párrafos, agregar énfasis o importancia a
las palabras, crear listas y más.
Creando hipervínculos
Los hipervínculos realmente son importantes — estos son los que hacen la Web.
Este artículo muestra la sintaxis requerida para hacer un enlace, y explica las
mejores prácticas sobre enlaces.
Formateo de texto avanzado
Hay muchos otros elementos en HTML para formatear texto, que no hemos tratado
en los artículos fundamentos de texto HTML. Los siguientes elementos son menos
conocidos, pero sigue siendo útil conocerlos. Aquí aprenderás sobre el marcado de
citas, listas de descripción, código de computadoras y otros textos relacionados,
subíndices y superíndices, información de contacto, y mucho más.
Estructura web y documentación
Así como definimos las partes individuales de tu página (como "un párrafo" o "una
imagen"), HTML también se usa para definir las áreas de tu sitio web (como "la
cabecera", "el menú de navegación", "la columna de contenido principal"). Este
artículo trata sobre cómo planear una estructura básica del sitio web, y escribir el
HTML para representar esa estructura.
Depurar HTML
Escribir HTML está bien, pero ¿Qué pasa si algo está mal, y no puedes encontrar en
dónde está el error en el código? Este artículo introducirá algunas herramientas que
te podrán ayudar.
Evaluaciones
Las siguientes evaluaciones probarán tu entendimiento de las bases de HTML cubiertas en
las guías anteriores.
Marcando para una carta
Todos aprendemos a escribir una carta, tarde o temprano; ¡Este también es un
ejemplo útil para poner a prueba nuestras habilidades de formato de texto! Así que
en esta evaluación se te dará una carta a la cual le tendrás que dar un marcado
HTML.
Estructuración del contenido de una página
Esta evaluación prueba tu capacidad para usar HTML para estructurar el contenido
de una sencilla página, esta tiene una cabecera, pie de página, menú de navegación,
contenido principal, y una barra lateral.
Ve también
Bases de la alfabetización Web 1
Un curso excelente de la fundación Mozilla que explora y pone a prueba muchas de
las habilidades sobre las cuales hablamos en el módulo de Introducción a HTML.
Los estudiantes se familiarizan con la lectura, escritura y participan de la web en
este módulo de seis partes. Descubre los fundamentos de la web a través de la
producción y colaboración.
Nota: Retroalimentación
Ayúdanos a mejorar nuestras guías y tutoriales como esta respondiendo nuestra encuesta
aquí.
Found a content problem with this page?
Edit the page on GitHub.
Report the content issue.
View the source on GitHub.
Want to get more involved? Learn how to contribute.
This page was last modified on 29 nov 2022 by MDN contributors.
