Si un invento ha cambiado completamente el mundo a lo largo de 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 les sea propio. Los principales sitios web se están volviendo cada vez más complejos y usan jerga intimidante para los novatos como Flash, CSS, perl y JavaScript, pero no temas. Cuatro letras simples pueden permitir que cualquiera gane presencia en la Web en muy poco tiempo: HTML. Las letras representan el 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.
Cómo hacer una página web estática
- ¿Importa realmente la internacionalización de un sitio web si todos los teclados solo tienen teclas en inglés?
- ¿Existe un servicio web que pueda eliminar el formato de una página web, similar a Readability e Instapaper, y mostrarlo sin necesidad de una extensión del navegador?
- ¿Qué tan confiable es Google Adsense?
- ¿Qué se necesita para tener servicios como https://meetcleo.com/ en Singapur?
- ¿Cuáles son algunos sitios web / empresas que diseñarán una aplicación para mí y cómo me aseguro de mantener el control de mi idea de contenido?
Si un invento ha cambiado completamente el mundo a lo largo de 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 les sea propio. Los principales sitios web se están volviendo cada vez más complejos y usan jerga intimidante para los novatos como Flash, CSS, perl y JavaScript, pero no temas. Cuatro letras simples pueden permitir que cualquiera gane presencia en la Web en muy poco tiempo: HTML. Las letras representan el 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. Thetag le dice al navegador que viene una página web ¡Bienvenido a nginx! donde todo tipo de información puede ir 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 (bits de código entre paréntesis). Uno le dice al navegador que comience a hacer algo, y otro le dice que se detenga. Ponga este texto en negrita Todo lo que está después , 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 bueno 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 (la más pequeña) a 6 (la 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. Puede hacer cualquier combinación que desee. 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 salto con una línea en la página web.
PASO 4
Agrega imágenes a tu página. Para ello, use 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 pueden centrarse, 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 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.
Si está buscando desarrollo de sitios web, simplemente envíenos un correo electrónico [correo electrónico protegido]
