Cómo insertar HTML en una página web

Aquí hay una solución simple de la vieja escuela para su sitio html heredado, cree una página de conjunto de marcos como su página “index.htm”.

Primero, cree una página que solo tenga la tabla de la barra lateral que desea mostrar. Para el siguiente código de ejemplo, esta página se llama “navbar.htm”.

Luego, cree una página que tenga el contenido de su página de inicio. Para el siguiente ejemplo de código, esta página se llama “homepage.htm”.

Finalmente, cree la página del conjunto de marcos con el siguiente código y asígnele el nombre “index.htm”. Mantenga los tres archivos en la carpeta raíz.

Para las otras secciones de su sitio, cree una carpeta separada para la sección y luego cree una nueva página de conjunto de marcos (aún nombrándola “index.htm”) y la página de contenido (asigne a este archivo un nombre acorde con la sección, es decir, “widgets .htm “). Mantenga estas dos páginas en esa carpeta de sección y ajuste el enlace relativo al archivo navbar.htm como “../navbar.htm” (para extraer el archivo “navbar.htm” de la carpeta de nivel raíz, suponiendo que esta carpeta de sección sea una nivel lejos del nivel raíz. Dos niveles lejos necesitarían “../../navbar.htm” y así sucesivamente).

Aquí está el código para una simple barra lateral izquierda y página de contenido:

noresize>

target = “_ self”>

Esta página usa marcos, pero su navegador no los admite.

Sin saber qué servidor web está utilizando, nadie realmente puede responder.

El enfoque más simple sería aprender cómo hacer las inclusiones del lado del servidor en sus páginas (pero eso requerirá que actualice cada página para cargar la barra lateral común).

O bien, puede obtener información sobre los servidores proxy web, que pueden manipular páginas html que pasan por ellos e incluir / superponer su barra lateral de esa manera.

Sin explorar su arquitectura, es casi imposible dar una respuesta más detallada.

Hace años, diseñamos usando una tabla con una celda completa en la parte superior para el encabezado, un recuadro en un lado para un menú mientras el contenido iba en la otra celda y una celda grande en la parte inferior para contener el pie de página.

Utilizamos Server Side Incluye para obtener nuestro contenido para cada celda de la tabla en esas celdas. Más tarde pasamos a las hojas de estilo en cascada y luego a las páginas dinámicas impulsadas por php y finalmente pasamos a los sistemas cms para que sea más fácil.

Entonces, lo que desea hacer es mucho trabajo en cada página individual, pero inicie su editor html y cree una barra lateral. Probablemente también debería crear un encabezado y pie de página.

Envuelva su contenido actual en una tabla y pegue su barra lateral en el otro lado de su contenido actual. Utilizará SSI para llamar a la barra lateral en las páginas.

SSI: el comando Incluir

O podría hacerlo de la manera fácil … agregue WordPress a su sitio y desarrolle su encabezado, pie de página y barra lateral. Incruste su contenido anterior en una página de WordPress. Pase por cada página y termine. Todavía hay mucho trabajo, pero no es tan malo como editar cada página para incluir la tabla y apoyarse en Apache y SSI para generar esas páginas.

HTML no ofrece la funcionalidad que desea. Si puede hacerlo con unas pocas líneas de PHP, será bueno para usted. Sin embargo, su servidor debe estar ejecutando PHP y debe estar dispuesto a agregar un fragmento en cada página.

Si es posible, puede insertar un iframe en la barra lateral y crear su menú en un archivo HTML separado. Ese archivo debe ser la fuente del iframe.

Si usa Dreamweaver, puede usar buscar / reemplazar para insertar el código del iframe en cada página fácilmente.

Si actualiza el menú, se actualizará en todas las páginas, pero puede ser necesario borrar el caché del navegador para ver el cambio. Aprenda a usar el atributo de destino correcto para abrir los enlaces del menú fuera del iframe.

Si conoce los detalles del cPanel de su sitio web, será fácil modificar html.

Por otro lado, si su sitio web está alojado en la nube, como en Amazon Web Services (AWS): servicios de computación en la nube y Google Cloud Computing, servicios de alojamiento y API | Google Cloud Platform será difícil y debe pedirle a su personal de soporte que lo ayude.

Use HTML5 en su sitio web, que tiene algunos de los mejores recursos como navegación, sección, a un lado, encabezado, pie de página, video, audio, artículo y mucho más.

Una forma sería crear el HTML en una función de JavaScript y luego, en el evento de carga de la página, ejecutar la función. De esa manera, podría actualizar el archivo js único con cambios en lugar del documento HTML

Una opción es crear una inclusión y luego llamarla desde cada una de las páginas. Los archivos SHTML eran lo que se hacía en ese entonces para hacer lo que se refiere, por lo que probablemente sea su mejor opción.

¡Hola! Recientemente hice un script que es solo para incluir HTML en HTML, sin complicaciones

Puede usar javascript para agregar HTML a una página. Sería más fácil si tiene un div de destino listo, pero en cualquier caso incluye un archivo js que superpondrá el contenido de manera bastante simple