Per mostrar informació de diverses fonts en una sola pàgina, sovint s’utilitza el mecanisme de divisió de pàgines HTML. A continuació es mostra una descripció de les construccions de llenguatge per inserir marcs.
Necessari
Coneixements bàsics d'HTML
Instruccions
Pas 1
El llenguatge de marcatge hipertext (HTML) proporciona dos tipus de marcs. El flotant és més flexible i més fàcil d’inserir en una pàgina existent. En general, la construcció que descriu un marc de finestra mitjançant un marc flotant té aquest aspecte: aquí, la pàgina principal d'un lloc existent s'especifica com a font de dades d'aquest marc (atribut src). S'obrirà en un marc de 400 x 300 píxels, tal com s'especifica als atributs d'amplada i alçada. També podeu especificar la pàgina del vostre lloc a l'atribut src. En aquest cas, n'hi ha prou amb especificar una adreça relativa (és a dir, l'adreça relativa a la pàgina on s'insereix el marc): en aquest exemple, l'amplada i l'alçada del marc no s'especifiquen, però hi ha un identificador identificador d'atribut. En utilitzar-lo, podeu utilitzar CSS () per establir les dimensions necessàries per a aquest marc:
#frameOne {width: 700px; alçada: 200 px;}
Pas 2
Un altre tipus de marcs - "clàssics" - requereixen una pàgina independent, que contindrà una descripció de l'estructura del marc. Els mateixos marcs estaran en pàgines separades, potser fins i tot en llocs separats. El codi HTML d'aquesta pàgina de contenidor de marcs podria tenir aquest aspecte:
No hauria de ser necessari cap bloc … i … per a pàgines normals. En aquest exemple, l'etiqueta d'obertura del contenidor conté un atribut de files, cosa que significa que l'espai de la pàgina s'ha de dividir verticalment i la part superior es donarà al primer marc. Si substituïu files per punts, la divisió serà horitzontal. El valor d'aquest atribut "*, *" indica que les proporcions dividides són iguals: un 50% cadascuna. Si especifiqueu, per exemple, "20%, *", només es donarà el 20% al primer marc i la resta de l'espai al segon. L'usuari pot canviar aquestes proporcions arrossegant els marges dels marcs amb el ratolí, però és possible desactivar aquesta acció. Per fer-ho, afegiu l'atribut noresize a l'etiqueta d'un marc específic. També podeu especificar la mida dels sagnats verticals i horitzontals des del marc adjacent (els atributs ample de marge i alçada de marge): és possible establir les regles de comportament de les barres de desplaçament de cada marc per separat. Per a això, s'utilitza l'atribut de desplaçament, que pot contenir un dels tres valors predefinits. Si s’especifica, les barres de desplaçament apareixeran quan el contingut del marc no s’adapti a les seves vores. Si és "sí", les ratlles estaran presents sempre, independentment de la necessitat. Si és "no", significarà desactivar les barres de desplaçament per a aquest marc.
Pas 3
Segons la informació proporcionada als dos passos anteriors, heu de dissenyar el codi html més adequat per resoldre el vostre problema. Després d’això, només queda inserir-lo al codi font de la pàgina. Per fer-ho, podeu utilitzar l’editor de pàgines del sistema de gestió del vostre lloc: obriu-hi la pàgina desitjada, canvieu al mode d’edició de codi html i enganxeu el codi al lloc desitjat de la pàgina. Com a alternativa, podeu descarregar el fitxer de codi font de la pàgina mitjançant el gestor de fitxers de gestió d’allotjament o el sistema de gestió de contingut, obrir-lo en un editor de text i enganxar-hi el codi. I, de la mateixa manera, torneu a carregar el codi canviat al servidor.
