Cómo hacer una página web estática

...

Internet: es el lugar para estar.

Si un invento ha cambiado por completo el mundo durante nuestra vida, es Internet. Cada vez más personas quieren una presencia en la Web más allá de la que ofrecen las redes sociales: quieren un espacio Web que puedan llamar suyo. Los principales sitios web se están volviendo cada vez más complejos y utilizan una jerga que intimida a los novatos, como Flash, CSS, perl y JavaScript, pero no temas. Cuatro letras simples pueden permitirle a cualquiera tener presencia en la Web en poco tiempo: HTML. Las letras significan lenguaje de marcado de hipertexto, un lenguaje de programación que utiliza una serie de etiquetas para crear una página web estática. Cuantas más etiquetas conozca, más podrá hacer con una página web estática.

Paso 1

Cree el esqueleto básico de una página web estática copiando el siguiente código en un editor de texto simple, como el Bloc de notas:

Video del día

Luego, guarde el archivo como index.html (el nombre predeterminado de la página principal) y ábralo en su navegador. No debería ver nada porque creó una página web en blanco.

Todas esas etiquetas tienen un significado. La etiqueta le dice al navegador que está apareciendo una página web. es donde puede ir todo tipo de información para los motores de búsqueda. significa que la parte que la gente verá está a punto de comenzar.

Paso 2

Piense en HTML como dos tipos principales de etiquetas (fragmentos de código entre corchetes). Uno le dice al navegador que comience a hacer algo y otro le dice que se detenga.

Pon este texto en negrita

Todo despues - la etiqueta de apertura - estará en negrita hasta que llegue - la etiqueta de cierre. La "/" le dice al navegador que se detenga.

Paso 3

Agrega texto a tu página web. Escriba "Esta es mi página web" en el cuerpo de la página web, entre y. Guarde la página y véala en el navegador. El resultado es agradable pero no demasiado emocionante. Pruebe algunas otras etiquetas para darle vida. Por ejemplo, pone el texto en negrita; pone el texto en cursiva; le permite cambiar el tamaño de la fuente, de 1 (más pequeña) a 6 (más grande); hace que el texto sea rojo (o cualquier otro color que ingrese);

centra el texto (o una imagen) en la página.

Intente utilizar varias de estas etiquetas en el mismo bloque de texto. Puedes hacer cualquier combinación que quieras.

También puede agregar espacio entre los elementos de su página colocando lo siguiente entre ellos:

para un salto de párrafo;
para un salto de línea;


para crear una ruptura con una línea en la página web.

Paso 4

Agrega imágenes a tu página. Haz esto usando la etiqueta y reemplace la dirección web en ese ejemplo con la ubicación de la imagen que desea usar. Esta es una de las pocas etiquetas que no tiene una etiqueta de cierre. Las imágenes también se pueden centrar, al igual que el texto.

Paso 5

Crea un enlace a otro sitio web. Esto se hace con la etiqueta Haga clic aquí. Ese código convierte las palabras "Haga clic aquí" en el enlace a otro sitio web. En lugar de texto, puede usar una imagen como enlace usando el código .

Propina

Usando estos códigos HTML juntos, puede crear páginas web estáticas de la complejidad que desee.

Piense en las etiquetas HTML como cajas dentro de cajas, o esas muñecas rusas. Esto se llama anidamiento y mantiene todo ordenado y fácil de leer. Por ejemplo, texto colocado entre

y
estará en negrita, en cursiva y centrada. los
la caja está dentro de la caja, que está dentro de la caja.