¿Cómo crear una página web en HTML en bloc de notas?

Inicio » ¿Cómo crear una página web en HTML en bloc de notas?

Html notepad

Estoy tratando de codificar una simple página web html/css en el bloc de notas, sin usar ninguna otra herramienta. Sé cómo enlazar una página, y añadir una imagen, pero no sé cómo tener varias páginas en primer lugar … También no sé cómo añadir imágenes. Obviamente, Internet no puede acceder a los archivos e imágenes que se encuentran en el ordenador de alguien, así que ¿cómo los pongo todos juntos? W3schools habla de cómo se pueden enlazar otras páginas en un sitio, pero ¿qué define “sitio”? ¿Tienen que estar todas en una sola carpeta? Y si es así, ¿cómo se pone esa carpeta en Internet? He oído hablar de un directorio, pero no sé lo que significa… Gracias.

Para la imagen, suponga que tiene 2 imágenes llamadas “imagen1.jpg” e “imagen2.jpg” en la misma carpeta con los archivos html. Quieres colocar la “imagen1.jpg” en “index.html” y la “imagen2.jpg” en “otra_página.html”.

Cómo hacer un sitio web usando html en notepad windows 10

Si estás en un Mac y quieres algo mejor que TextEdit, puedes descargar Adobe Brackets que funciona tanto en Mac como en Windows. Yo voy a trabajar en Windows y por lo tanto usaré la versión básica del Bloc de notas. El código de este tutorial funciona en cualquier editor, así que elige un editor que te guste y empecemos.

Abre TextEdit y asegúrate de que el editor de texto está configurado como texto plano yendo a Preferencias > Nuevo documento > selecciona texto plano. A continuación, asegúrate de marcar “Mostrar archivo html como código html” y “Mostrar archivo RTF como código RTF” en “Abrir y guardar”.

Guarde el archivo como “index.html” con una extensión HTML. Esto es muy importante, si no añades el .html al final del nombre, no funcionará. Nota: Aunque es preferible el .html también puedes usar el .htm sin la “L”.

Puedes cambiar el ancho y el alto a lo que quieras. Sólo tienes que cambiar esos números en el código y dejar todo lo demás sin cambios. En este ejemplo usaremos un width=”427″ y height=”240″. Puedes poner los tuyos a lo que quieras.

Cómo hacer un navegador web en el bloc de notas

El encabezado de un documento HTML es donde se almacena la información básica sobre su página web, como el título de la página y posiblemente las etiquetas meta para la optimización de los motores de búsqueda. Para crear una sección de cabecera, añada las etiquetas head en su documento de texto HTML del Bloc de notas entre las etiquetas html.

El título de su página web es el texto que se muestra en la ventana del navegador. También es lo que se escribe en los marcadores y favoritos cuando alguien guarda su sitio. Guarde el texto del título entre las etiquetas de título. No aparecerá en la propia página web, sólo en la parte superior del navegador.

El cuerpo de su página web se almacena dentro de las etiquetas body.  Debe ir después de las etiquetas head pero antes de la etiqueta html final.  En esta zona se coloca el texto, los titulares, los subtítulos, las imágenes y los gráficos, los enlaces y el resto del contenido. Puede ser tan largo como quieras.

En los primeros tiempos de la web, herramientas como el Bloc de notas eran la herramienta estándar para escribir nuevas páginas web. Sin embargo, dada la complejidad de la mayoría de las páginas modernas, además de la interacción del HTML con el CSS, casi nadie utiliza ya el Bloc de notas: o bien utilizan herramientas gráficas como Adobe Dreamweaver, o bien confían en plataformas de codificación como Visual Studio Code. Es preferible un entorno de texto que ofrezca corrección de código y pelusa a un lienzo en blanco e indiferenciado, por lo que, aunque el Bloc de notas funciona en un apuro, es mucho menos óptimo para la edición de HTML que los editores de codificación o las aplicaciones gráficas de diseño web.

Cómo hacer un sitio web usando notepad++

Aquí puedes ver toda la información importante sobre tu sitio web. Al hacer clic en el enlace del panel de control, accederás al panel de control del alojamiento, donde podrás realizar la mayoría de las tareas de configuración del sitio web, como la instalación de software, el acceso a los registros, etc.

Después de instalar Filezilla, inicie sesión en su sitio web a través de FTP. Utilice la información de inicio de sesión de FTP en su área de cliente de alojamiento para iniciar sesión (el nombre del servidor y el nombre de usuario se muestran en el área de cliente de alojamiento). La contraseña es la misma que introdujo al registrarse.

Ir arriba