Cómo crear un sitio web simple usando el Bloc de notas

Autor: John Stephens
Fecha De Creación: 26 Enero 2021
Fecha De Actualización: 1 Mes De Julio 2024
Anonim
Sitio Web con HTML, CSS y Javascript (Flexbox, CSS Grid y ScrollReveal) | Technews
Video: Sitio Web con HTML, CSS y Javascript (Flexbox, CSS Grid y ScrollReveal) | Technews

Contenido

Usamos páginas web todos los días, pero ¿es difícil crear una? Este artículo le enseñará cómo crear un sitio web HTML simple usando el Bloc de notas.

Pasos

Método 1 de 1: crea tu propio sitio web

  1. Abra el Bloc de notas. El Bloc de notas viene preinstalado en todas las computadoras con Windows y puede encontrarlo en el menú Inicio. Después de abrir el Bloc de notas, haga clic en "Archivo", seleccione "Guardar como" en el menú desplegable. Luego, seleccione "Todos los archivos" en el menú de tipo de archivo y guarde el archivo como HTML. Por lo general, el archivo "index.html" es la página principal, que contiene todos los enlaces para acceder a todo en el sitio web.

  2. HTML (HyperText Markup Language) utiliza etiquetas. Básicamente, las etiquetas son palabras dentro de los acentos .
    Utilizará muchas etiquetas para crear su página web. Junto a ella hay una "etiqueta de cierre", que se utiliza para finalizar una línea de código. P.ej: Estas etiquetas terminan en negrita o en un párrafo de texto.

  3. El encabezado de la página web suele ser la etiqueta: . Puede colocarlo en la parte superior de su archivo de Bloc de notas.
  4. El siguiente es la tarjeta .
    El siguiente es , esta pestaña le dice al navegador qué colocar en la parte superior de la ventana y <i>metaetiqueta </i> (opcional) le dice al motor de búsqueda (como Google) de qué se trata el sitio.

  5. En la siguiente línea, después de la tarjeta cabezaPongamos un título, por ejemplo: wikiHow HTML
  6. Ahora, escriba para finalizar la primera parte.
  7. Lo siguiente en el sitio web es la etiqueta . Tenga en cuenta que los navegadores no admiten todos los colores (por ejemplo, la mayoría de los navegadores no admiten el gris oscuro).
  8. Entre las dos etiquetas corporales se encuentra el contenido de la página web que ve el usuario. Empecemos por el título. Esta es la gran parte del texto, especificada en el HTML de la etiqueta.

    ven

    , con tarjeta

    es el tamaño más grande. Entonces, en la parte superior de la página web, después de la etiqueta del cuerpo, puede redactar

    ¡Bienvenido a mi página!

    ¡Siempre debe poner una etiqueta de cierre, de lo contrario, se exagerará todo el texto de la página web!
  9. Otra etiqueta que se puede incluir en el contenido de la página web es

    o etiquetas de párrafo. Después del título, puede ingresar

    . ¡Estoy aprendiendo a hacer un sitio web! ¡WikiHow reglas! Si desea crear una nueva línea en la página, use la etiqueta de envoltura
    .

  10. Un sitio web con solo texto sin formato es aburrido. Pongamos algunos formatos. Tarjeta a texto en negrita, para poner en cursiva, y subrayar. ¡No olvide la etiqueta de cierre!
  11. Lo que hace que el sitio web sea realmente interesante son las imágenes. Incluso si el texto está formateado, nadie quiere ver una página como todo el texto. Usar una tarjeta para insertar imágenes. Pero al igual que la etiqueta del cuerpo, esta etiqueta necesita información adicional. Una etiqueta img se vería así: perro’ src=Los datos src (fuente: fuente) son el nombre de la imagen. Detrás de ancho y alto están el ancho y alto en píxeles de la imagen.
  12. ¡Casi termino! Si desea que sus visitantes puedan ver varias páginas, use la etiqueta: Otras paginas El contenido de la etiqueta es lo que el usuario hará clic para ir a la página siguiente, y la sección href es el enlace a esa página. Con esta etiqueta, puede mostrar fácilmente a los usuarios su sitio web.
  13. Para terminar, debes terminar la etiqueta del cuerpo con y toda la página web por etiqueta
  14. Guarde el archivo con extensión .html '. Luego abra el archivo.html en su navegador favorito para ver cómo funciona. ¡Felicidades! Acaba de crear un sitio web.
  15. Si desea publicar su sitio web en línea, aprenda a crear un sitio web con un nombre de dominio. anuncio

Consejo

  • Puede encontrar muchas tarjetas en línea. Hay muchos sitios web útiles para ayudar a las personas a aprender a crear un sitio web (W3Schools es uno de ellos).
  • Recuerda usar cierres.
  • Asegúrese siempre de pedir la tarjeta en la primera línea, antes de la etiqueta Informe al navegador que su sitio es el estándar HTML5.
  • Puedes cambiar la fuente con etiquetas antes de y entonces . N significa fuentes, como "Verdana".
  • Si desea utilizar caracteres especiales en una página web, escriba & lt (<), & gt (>), & amp (&), y así sucesivamente, el final del código DEBE TENER un punto y coma ";".
  • En los tutoriales HTML, los nombres de carpetas y archivos web siempre se colocan en minúsculas, sin acentos. Aunque Windows permite el uso de espacio, muchos proveedores de alojamiento web no lo hacen, por lo que, en primer lugar, ahorrará tiempo y molestias con los nombres correctos de archivos y carpetas.