HackMD
Clase 1: Guía Rápida - Estructura Básica de HTML
1. Declaración <!DOCTYPE html>
a. ¿Qué es?
<!DOCTYPE html> es la declaración que debe aparecer al principio de cualquier documento HTML. Indica al navegador que el documento está escrito en HTML5, la versión más actual del lenguaje.
b. Ejemplo:
Enlace útil
2. Etiqueta <html>
a. ¿Qué es?
La etiqueta <html> envuelve todo el contenido del documento HTML. Es el elemento raíz del documento.
b. Estructura básica:
Enlace útil
3. Etiqueta <head>
a. ¿Qué es?
El <head> contiene metadatos sobre el documento, como el título de la página, enlaces a hojas de estilo, scripts, y más. Los metadatos no son visibles para el usuario final.
b. Estructura básica:
c. Elementos comunes dentro de <head>:
<meta charset="UTF-8">: Especifica la codificación de caracteres.<title>: Define el título que aparecerá en la pestaña del navegador.<link>: Vincula archivos externos como hojas de estilo CSS.<script>: Incrusta o vincula scripts JavaScript.
Enlace útil
4. Etiqueta <body>
a. ¿Qué es?
La etiqueta <body> contiene todo el contenido visible para los usuarios, como texto, imágenes, enlaces, etc.
b. Estructura básica:
Enlace útil
5. Etiquetas de encabezado: <h1> a <h6>
a. ¿Qué son?
Las etiquetas de encabezado (<h1>, <h2>, …, <h6>) se utilizan para definir títulos y subtítulos en el documento HTML. <h1> es el más importante (título principal), y <h6> es el menos importante.
b. Ejemplo:
Enlace útil
6. Etiqueta <p>: Párrafos
a. ¿Qué es?
La etiqueta <p> se utiliza para definir párrafos de texto en HTML.
b. Ejemplo:
Enlace útil
7. Etiqueta <ul> y <li>: Listas Desordenadas
a. ¿Qué son?
<ul>: Define una lista desordenada (viñetas).<li>: Define un elemento de la lista.
b. Ejemplo:
Enlace útil
8. Etiqueta <ol> y <li>: Listas Ordenadas
a. ¿Qué son?
<ol>: Define una lista ordenada (números).<li>: Define un elemento de la lista.
b. Ejemplo:
Enlace útil
9. Etiqueta <a>: Enlaces Básicos
a. ¿Qué es?
La etiqueta <a> se utiliza para crear enlaces en HTML.
b. Ejemplo:
Enlace útil
10. Comentarios en HTML
a. ¿Qué son?
Los comentarios en HTML se utilizan para dejar notas o explicaciones en el código que no serán visibles para los usuarios.
