➜ Estructura básica y mi primera página web
Estructura básica y mi primera página web | Estructura básica de un documento HTML y creando mi primera página web.
En esta lección aprenderás la estructura básica de un documento de HTML. Crearás tu primera página web y conocerás las etiquetas
y además de su importancia en el correcto funcionamiento de una página web.
Mi primera página web
Bienvenido a mi página web
¡Excelente! Aquí tienes un ejemplo muy básico de una primera página web utilizando HTML. Puedes utilizar este código como punto de partida y personalizarlo según tus necesidades.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Mi Primera Página Web</title>
</head>
<body>
<header>
<h1>Bienvenido a Mi Primera Página Web</h1>
</header>
<nav>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Acerca de Mí</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
<main>
<section>
<h2>Acerca de Mí</h2>
<p>Hola, soy [Tu Nombre] y esta es mi primera página web. Estoy emocionado por aprender desarrollo web y compartir mis intereses y proyectos aquí.</p>
</section>
<section>
<h2>Mis Intereses</h2>
<ul>
<li>Programación</li>
<li>Diseño web</li>
<li>Tecnología</li>
</ul>
</section>
</main>
<footer>
<p>Derechos de autor © 2023 [Tu Nombre]</p>
</footer>
</body>
</html>
En este ejemplo, hemos creado una página web muy sencilla con tres secciones:
-
Encabezado (
<header>): Donde presentamos el título de la página. -
Navegación (
<nav>): Una barra de navegación con enlaces a diferentes partes de la página. -
Contenido Principal (
<main>): Contiene dos secciones de contenido, una para "Acerca de Mí" y otra para "Mis Intereses". -
Pie de Página (
<footer>): Donde se muestra información de copyright.
Puedes personalizar este contenido, agregar imágenes, enlaces y estilos CSS para que tu página web refleje tus intereses y personalidad. Este es solo un punto de partida, y a medida que aprendas más sobre HTML y desarrollo web, podrás expandir y mejorar tu página. ¡Diviértete creando tu primera página web!
2020 visitas
Capítulo 4 – Encabezados HTML »
