¡Hola a todos! En esta clase práctica de HTML, vamos a aprender cómo construir una página web básica utilizando HTML (HyperText Markup Language). HTML es el lenguaje de marcado estándar utilizado para crear la estructura y el contenido de las páginas web. ¡Comencemos!
- Configuración inicial Antes de empezar, necesitarás un editor de texto y un navegador web. Puedes usar cualquier editor de texto como Sublime Text, Visual Studio Code o Atom. Luego, guarda tu archivo con una extensión «.html» (por ejemplo, «mi_pagina.html»). Abre el archivo HTML en el navegador para ver los cambios que realices.
- Estructura básica de un documento HTML Todo documento HTML comienza con una estructura básica que incluye etiquetas
<html>,<head>y<body>. El contenido de tu página web irá dentro de la etiqueta<body>
<!DOCTYPE html> <html> <head> <title>Título de tu página</title> </head> <body> <!-- Aquí va el contenido de tu página --> </body> </html>
- Encabezado y párrafos Puedes usar las etiquetas
<h1>a<h6>para crear encabezados de distintos niveles. Los párrafos se crean con la etiqueta<p>.
<h1>Título principal</h1> <h2>Subtítulo</h2> <p>Este es un párrafo de ejemplo.</p> <p>Otro párrafo aquí.</p>
- Listas HTML ofrece etiquetas para crear listas ordenadas (
<ol>) y listas desordenadas (<ul>). Los elementos de la lista se crean con la etiqueta<li>.
<ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> </ul> <ol> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> </ol>
- Enlaces e imágenes Puedes crear enlaces usando la etiqueta
<a>. Para insertar imágenes, utiliza la etiqueta<img>.
<a href="https://www.ejemplo.com">Enlace a Ejemplo.com</a> <img src="imagen.jpg" alt="Descripción de la imagen">
Estos son solo algunos elementos básicos de HTML para comenzar. Con el tiempo, puedes explorar más etiquetas y atributos para enriquecer tus páginas web.
Recuerda practicar y experimentar con diferentes elementos para obtener el resultado deseado. ¡Diviértete construyendo tu propia página web!
Espero que esta clase práctica de HTML te haya resultado útil. Si tienes más preguntas, no dudes en hacerlas. ¡Buena suerte en tu viaje de aprendizaje!