Si estás interesado en crear tu propia página web, pero no sabes por dónde empezar, no te preocupes. En este tutorial te mostraremos cómo crear una página web utilizando HTML, el lenguaje de marcado estándar para crear sitios web. Aprenderás los conceptos básicos de HTML y cómo utilizar las etiquetas para estructurar y dar formato al contenido de tu página.
Requisitos :
Paso 1: Crea un archivo HTML
Abre un nuevo archivo en tu editor de texto y guárdalo como “index.html”. Agrega la siguiente línea de código para indicar que estás utilizando HTML:
<!DOCTYPE html>
Paso 2: Estructura básica de una página web
Agrega las etiquetas <html>, <head> y <body> para estructurar tu página:
<!DOCTYPE html><html><head><title>Mi Página Web</title></head><body><h1>Bienvenido a mi página web.</h1><p>Esta es mi primera página web.</p></body></html>
Paso 3: Añade contenido a tu página web
Agrega el contenido que deseas mostrar en tu página podemos agregar texto, imágenes y enlaces:
<!DOCTYPE html><html><head><title>Mi Página Web</title></head><body><h1>Bienvenido a mi página web</h1><p>Esta es mi primera página web.</p><imgsrc="imagen.jpg"alt="Imagen 1"><ahref="https://www.prueba.com">Enlace a Ejemplo</a></body></html>
Paso 4: Estilo tu página web
Tambien para agregar estilo tenemos las hojas de estilo cascada conocidas como CSS para mejorar la apariencia de tu página web:
<!DOCTYPE html><html><head><title>Mi Pagina Web</title><style>body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: #572364 ;
font-size: 36px;
}
p {
color: #444444;
font-size: 18px;
}
img {
width: 100%;
height: auto;
}
a {
color: #572364;
}
</style></head><body><h1>Bienvenido a mi pagina web</h1><p>Esta es mi primera pagina web.</p><imgsrc="imagen.jpg"alt="Mi imagen"><ahref="https://www.ejemplo.com">Enlace a Ejemplo</a></body></html>
Paso 5: Visualiza tu página web
Guarda tu archivo HTML y ábrelo en tu navegador web.
Listo acabas de crear tu propia página web utilizando HTML.