Hypertext Markup Language (HTML) offre la possibilità di dividere una pagina in più finestre - "frame". Ciascuno dei frame può avere la propria fonte Internet da visualizzare. Questo meccanismo può essere utilizzato per inserire pagine di altri siti in pagine del tuo sito.
È necessario
Editor di testo Blocco note
Istruzioni
Passo 1
Il codice HTML di una pagina è un insieme di istruzioni per il browser che indicano dove nella pagina dovrebbe essere visualizzato ciascuno dei suoi elementi e come dovrebbe apparire. Queste istruzioni sono chiamate "tag" e per creare una pagina che ne contenga uno o più altri, è necessario scrivere il set di tag appropriato. Iniziamo con i tag che creano un contenitore per tutti i frame della pagina:
Questi sono i tag di apertura e chiusura del contenitore: i tag che formano i frame dovranno essere posizionati tra di loro. In HTML, i tag hanno "attributi": contengono informazioni aggiuntive sulle proprietà dell'elemento della pagina, la cui visualizzazione specifica questo tag. Nel tag di apertura del contenitore, devi specificare un attributo che contenga informazioni su come il browser dovrebbe dividere lo spazio della pagina tra i suoi frame:
L'attributo "cols" in questo esempio di codice specifica che la pagina deve essere divisa verticalmente in due frame, con quello di sinistra che occuperà il 20% della larghezza della finestra e quello di destra l'80%. Se invece dell'attributo "cols" specifichi l'attributo "rows", la pagina verrà divisa orizzontalmente:
Invece di un numero, puoi scrivere un asterisco (*):
Ciò significa che al secondo frame verrà assegnato tutto lo spazio rimanente. Le dimensioni dei frame possono essere specificate non in percentuali, ma in unità di misura che vengono utilizzate più spesso nel layout di pagina - in "pixel":
Passo 2
Il tag HTML del frame stesso, che deve essere posizionato nel contenitore, è scritto come segue: L'attributo "src" del tag "frame" contiene l'indirizzo della pagina web che il browser dovrebbe caricare in questo frame. Un indirizzo scritto in questo modo è chiamato "assoluto" - inizia con il protocollo https://. Ma se questa è una pagina del tuo sito e si trova nella stessa cartella (o sottocartella), non è necessario specificare l'indirizzo assoluto, saranno sufficienti solo il nome del file e il percorso della sottocartella. Tale indirizzo sarà chiamato "relativo": - I bordi tra i frame nella pagina per impostazione predefinita possono essere spostati con il mouse. Questa funzione è disabilitata dall'attributo noresize: - Ci sono due attributi che determinano la dimensione dei margini tra i fotogrammi - marginheight imposta il margine verticale (superiore e inferiore), e marginwidth - orizzontalmente (destro e sinistro): - Utilizzando un altro attributo - "scrolling" - puoi dire al browser le regole per le barre di scorrimento del frame: Il valore "auto" specifica che le barre di scorrimento dovrebbero apparire secondo necessità, cioè quando il contenuto non rientra nel frame. Se imposti il valore "yes", allora questo frame avrà sempre le barre di scorrimento e il valore "no", al contrario, impedisce la visualizzazione delle barre di scorrimento - Se le pagine contenute nel contenitore funzionano con qualsiasi script JavaScript che eseguire operazioni in frame adiacenti, potrebbe essere necessario distinguere i frame per nome. L'attributo che contiene il nome del frame si chiama nome:
Passaggio 3
Queste definizioni HTML sono sufficienti per creare una semplice pagina da più pagine di altri siti. Per fare ciò, avrai bisogno di qualsiasi editor di testo, ad esempio un blocco note standard. In esso, crea un nuovo documento e scrivi questi tag html:
Quindi salva questo codice con un'estensione htm o html, ad esempio test.html. Tutto è pronto, se apri questo documento con un browser, il risultato sarà simile a questo:
Passaggio 4
Esiste un altro tipo di cornice: "fluttuante". Può trovarsi all'interno di una pagina normale, non divisa in frame. Tale cornice ha attributi aggiuntivi di larghezza e altezza che ne definiscono le dimensioni. Il codice di questo tag potrebbe essere simile a questo:
