Cómo crear un sitio web html
El encabezado de un documento HTML es el lugar donde se almacena la información básica de 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 head, 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 codificar un sitio web
Estoy tratando de codificar un simple sitio web html/css en el bloc de notas, sin utilizar 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”.
Comentarios
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 trabajaré en Windows y, por tanto, utilizaré 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 el archivo html como código html” y “Mostrar el 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.
Editor Html
Puedes crear una página web con una herramienta WYSIWYG – “lo que ves es lo que obtienes”- y no ver nunca el código subyacente. Si no tienes un software WYSIWYG o prefieres codificar a mano una página web, también puedes crear páginas en editores de texto como el Bloc de notas, que viene con todos los PC con Windows. Para crear páginas y sitios web complejos, es necesario aprender el lenguaje de programación web conocido como HTML, pero los principiantes pueden empezar creando y codificando una página HTML básica en el Bloc de notas.
Vuelve a pulsar “Enter” y escribe “” en la nueva línea. A continuación, escribe el título que quieras darle a tu página web. Cuando termines de escribir el título, escribe “”. Las barras inclinadas de estas etiquetas HTML son los códigos que indican que estás cerrando las etiquetas de título y encabezado anteriores.
Escribe “” para empezar un párrafo. Escribe el primer párrafo después de la etiqueta. Cuando termines de escribir un párrafo, escribe “” para cerrarlo y pulsa la tecla “Enter”. Repite este proceso para cada nuevo párrafo que quieras mostrar en tu página web.
Escriba “su texto de enlace” para crear un hipervínculo a otra página web en cualquier párrafo. Sustituye “tuDirecciónURL” por la dirección URL de la página a la que quieres enlazar (en este caso, incluye las comillas alrededor de la dirección URL) y el nombre que quieras darle a tu hipervínculo por “tu texto de enlace” en la etiqueta. Cuando un navegador muestre tu página, las palabras que hayas introducido en “el texto de tu enlace” se vincularán a la dirección URL que introduzcas en la etiqueta. Cuando alguien haga clic en el enlace, el navegador le llevará a la página en esa dirección URL, ya sea otra página de su sitio o una página en el sitio web de otra persona. Si desea ir a una página específica de un sitio web, escriba la dirección completa de esa página específica entre las comillas dentro de su etiqueta a href. Asegúrese de incluir “http://” al principio de la URL.
