Come incorporare una pagina in un tag DIV

January 24

Come incorporare una pagina in un tag DIV


Il contenitore div è un elemento a livello di blocco generico utilizzato nel formato HTML (Hypertext Markup Language) per definire una divisione o di una sezione all'interno di un documento HTML. Un linguaggio di markup descrive semplicemente contenuto e la struttura del documento. Ad esempio, div contenitori possono definire l'intestazione o un paragrafo specifico all'interno di una pagina Web. Intorno una sezione di codice HTML con i formati contenitori div che parte con elementi di stile specifici che si applicano solo a quella sezione e non il resto del codice HTML. Incorporare una pagina in contenitori div rende il codice più gestibile raggruppando il documento HTML in sezioni più piccole.

istruzione

1 Aprire il documento HTML per la pagina che si desidera incorporare in contenitori div. Questo può essere fatto tramite la bacheca on-line, come con WordPress, o tramite il software di editing HTML desktop.

2 Individuare l'inizio del codice HTML che si desidera raggruppare insieme. Questo può essere qualsiasi elemento della pagina ad esempio la pagina intera, intestazione o piè di pagina; un paragrafo; video incorporato; o qualsiasi altro elemento che è visibile nella pagina Web effettiva. Posizionare il cursore all'inizio di questa linea di codice HTML e premere il tasto invio per creare uno spazio vuoto sopra il codice. Tipo <div> in questo spazio.

3 Individuare la fine del codice per la sezione specifica che si desidera incorporare con il tag <div>. Posizionare il cursore alla fine del codice e premere il tasto enter per creare uno spazio vuoto sotto il codice. Tipo </ div> nello spazio bianco per chiudere il codice del tag div. Qualsiasi modifica del codice fatto all'interno di questi tag si riferiscono solo a questa sezione, lasciando il resto della pagina invariato.

Consigli e avvertenze

  • Il tag div supporta anche attributi specifici che influenzano l'aspetto degli elementi all'interno dei tag. Questi attributi includono classe, dir, id, lingua, stile, titolo, xml: lang. Classe specifica un nome di classe per un elemento. Tutti gli elementi CSS aggiunti al foglio di stile con quel nome di classe si applicano solo a quel tag nome della classe div. Dir specifica la direzione del testo, id dà un elemento specifico all'interno di un tag div un nome, mentre Lang e xml: lang definiscono la lingua di visualizzazione del testo all'interno di un elemento. Stile e titolo definiscono elementi di stile specifici per una sezione div e dare informazioni aggiuntive su un elemento.
  • Ad esempio, <div style = "color: # 000000"> testo di esempio </ div> chiamerebbe il testo all'interno del tag div di essere nero.

Articoli Correlati