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

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 propio. Los principales sitios web son 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 permitir que cualquier persona obtenga una presencia en la Web en poco tiempo:HTML. Las letras representan 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:

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. El

La etiqueta le dice al navegador que se acerca 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á por comenzar.

Paso 2

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

Poner este texto en negrita

Todo lo que esté después de , la etiqueta de apertura, estará en negrita hasta que llegue a -- la etiqueta de cierre. El "/" le dice al navegador que se detenga.

Paso 3

Agregue texto a su 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 échele un vistazo 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 usar varias de estas etiquetas en el mismo bloque de texto. Puedes hacer la 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 un corte con una línea a lo largo de la página web.

Paso 4

Añade 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 final. Las imágenes también se pueden centrar, al igual que el texto.

Paso 5

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

Consejo

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

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