Introducción a HTML básico y HTML5

HTML, o HyperText Markup Language, es un lenguaje de marcado que se utiliza para describir la
estructura de una página web. Utiliza una sintaxis o notación especial para organizar y dar
información sobre la página al navegador. Los elementos suelen tener etiquetas de apertura y
cierre que rodean y dan significado al contenido. Por ejemplo, existen diferentes opciones de
etiquetas para colocar alrededor del texto para mostrar si es un encabezado, un párrafo o una
lista.

Por ejemplo:
<h1>Top level heading: Maybe a page title</h1>
<p>A paragraph of text. Some information we would like to communicate to the viewer. This can
be as long or short as we would like.</p>
<ol>
<li>Number one on the list</li>
<li>Number two</li>
<li>A third item</li>
</ol>

Se convierte en:
Encabezado de nivel superior: tal vez un título de página

Un párrafo de texto. Alguna información que nos gustaría comunicar al

usuario. Esto puede ser tan largo o corto como queramos.

1. Número uno en la lista

2. Número dos
3. Un tercer elemento
La parte de hipertexto de HTML proviene de los primeros días de la web y su caso de uso original.
Las páginas generalmente contenían documentos estáticos que contenían referencias a otros
documentos. Estas referencias contenían enlaces de hipertexto utilizados por el navegador para
navegar al documento de referencia, de modo que el usuario pudiera leer el documento de
referencia sin tener que buscarlo manualmente.
A medida que las páginas web y las aplicaciones web se vuelven más complejas, el Consorcio W3
actualiza la especificación HTML para garantizar que una página web se pueda mostrar de manera
confiable en cualquier navegador. La última versión de HTML es HTML5.
Esta sección presenta cómo utilizar elementos HTML para dar estructura y significado a su
contenido web.
 1 Próximas lecciones

1. Saluda a los elementos HTML

2. Título con el elemento h2
3. Informar con el elemento de párrafo
4. Complete el espacio en blanco con texto de marcador de posición
5. Descomentar HTML
6. Comentar HTML
7. Eliminar elementos HTML
8. Introducción a los elementos HTML5
9. Agregar imágenes a su sitio web
10. Enlace a páginas externas con elementos de anclaje
11. Enlace a secciones internas de una página con elementos de ancla
12. Anidar un elemento de anclaje dentro de un párrafo
13. Crear enlaces muertos usando el símbolo hash
14. Convertir una imagen en un enlace
15. Crear una lista desordenada con viñetas
16. Crear una lista ordenada
17. Crear un campo de texto
18. Agregar texto de marcador de posición a un campo de texto
19. Crear un elemento de formulario
20. Agregar un botón Enviar a un formulario
21. Use HTML5 para requerir un campo
22. Crear un conjunto de botones de opción
23. Crear un conjunto de casillas de verificación
24. Utilice el atributo de valor con botones de opción y casillas de verificación
25. Marque los botones de opción y las casillas de verificación de forma predeterminada
26. Anidar muchos elementos dentro de un solo elemento div
27. Declarar el tipo de documento de un documento HTML
28. Definir el encabezado y el cuerpo de un documento HTML