Estructura básica de HTML
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 2 de 60.
Cada documento HTML sigue una estructura simple.
Comienza con <!DOCTYPE html>, que indica la versión de HTML que estamos utilizando.
A esto le sigue la etiqueta <html>, que contiene todo el contenido HTML.
Dentro de la etiqueta <html>, añadimos la etiqueta <body>, que contiene todo el contenido visible de la página web.
Aquí tienes un ejemplo sencillo:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>En este ejemplo, el texto dentro de la etiqueta <body> se mostrará como texto en la página web.
Desafío
FácilSe te proporciona el código base de una página HTML. Coloca el siguiente texto dentro de la etiqueta <body>:
To Infinity And Beyond!Ten en cuenta que todo es sensible a mayúsculas y minúsculas. Por ejemplo:
To Infinity And Beyond!to infinity and beyond!son cosas diferentes (fíjate en las letras mayúsculas de la primera línea).
Hoja de referencia
Cada documento HTML sigue una estructura básica:
<!DOCTYPE html>- declara la versión de HTML<html>- contiene todo el contenido HTML<body>- contiene todo el contenido visible de la página web
Estructura básica de HTML:
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Coloca el texto a continuación -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2