Il miglior tutorial il layout HTML Nel 2024, in questo tutorial puoi imparare Esempi online,il layout del sito,Layout HTML - Utilizzando <div> elemento,Esempi,il layout HTML - utilizzando le tabelle,Esempi,Layout HTML - Consigli utili,tag di layout HTML,
Impaginazione per migliorare l'aspetto del sito è molto importante.
Si prega di progettare accuratamente il layout della pagina.
Layout di pagina utilizzando l'elemento <div>
Come utilizzare l'elemento <div> di layout.
layout di utilizzare la pagina <table> elemento
Come utilizzare il <table> elemento di layout.
La maggior parte dei siti saranno contenuti in una pluralità di colonne (come una rivista o giornale che).
La maggior parte dei siti possono utilizzare i <div> o <table> elementi per creare più colonne. CSS viene utilizzato per posizionare gli elementi, o creare uno sfondo e l'aspetto colorato della pagina.
Anche se siamo in grado di utilizzare il tag tabella HTML per progettare un layout bella, ma il tag table non è raccomandato per l'uso come strumento di layout - non un tavolo strumenti di layout. |
elemento div è un elemento a livello di blocco utilizzato per raggruppare elementi HTML.
L'esempio seguente utilizza cinque div elementi per creare il layout a più colonne:
Il codice HTML sopra produce i seguenti risultati:
Utilizzare HTML <table> tag è quello di creare un layout in modo semplice.
La maggior parte dei siti possono utilizzare i <div> o <table> elementi per creare più colonne. CSS viene utilizzato per posizionare gli elementi, o creare uno sfondo e l'aspetto colorato della pagina.
Anche se è possibile utilizzare le tabelle HTML per creare un layout piacevole, ma lo scopo è quello di presentare i dati tabulari tabella - non strumento di layout table! |
L'esempio seguente utilizza tre file di due tabelle - la prima e l'ultima riga utilizza attributo colspan per attraversare due:
Il codice HTML sopra produce i seguenti risultati:
Suggerimento: i più grandi vantaggi di utilizzare i CSS è che se il codice CSS è memorizzato in un foglio di stile esterno, allora il sito sarà più facile da mantenere.Con la modifica di un singolo file, è possibile modificare il layout per tutte le pagine. Per ulteriori informazioni su CSS, visitare la nostra lezione privata di CSS .
Consiglio: A causa creare il layout avanzato richiede molto tempo, utilizzando un modello un breve un'opzione.Attraverso un motore di ricerca è possibile trovare un sacco di modelli di siti web gratuiti (È possibile utilizzare questi layout del sito precompilati, e ottimizzarli).
标签 | 描述 |
---|---|
<div> | 定义文档区块,块级(block-level) |
<span> | 定义 span,用来组合文档中的行内元素。 |