HTML - I layout

  »   HTML  »   HTML Tutorial - Layouts / Creating a web page with layouts

HTML - I layout Standard

Un layout standard è composto da un banner nella parte superiore della pagina, un menu nella parte sinistra e la zona di contenuto al centro o a destra. Questo è il layout più classico per un sito web e, a mio avviso, un modello rappresentativo.

Un layout non ha molte opzioni. Al contrario, le tabelle sono molto utile. In una tabella puoi inserire qualsiasi elemento, compresa un'altra tabella.

html<table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400">
	<tr height="50">
		<td colspan="2" bgcolor="white"> 
		
			<table title="Banner" id="banner" border="0"> 
				<tr>
					<td>Aici poti sa pui un baner, logo, etc</td>
				</tr> 
			</table>
		
		</td>
	</tr>
	<tr height="200">
		<td bgcolor="white"> 
		
			<table id="navigation" title="Navigation" border="0">
				<tr>
					<td>Link-uri!</td>
				</tr>
				<tr>
					<td>Link-uri!</td>
				</tr>
				<tr>
					<td>Link-uri!</td>
				</tr>
			</table> 
			
		</td>
		<td bgcolor="white">
			
			<table title="Content" id="content" border="0">
				<tr>
					<td>Continutul sitului va fi plasat aici</td>
				</tr> 
			</table> 
			
		</td>
	</tr>
</table>

Questo è un approccio di base. Come si vedrà se si utilizzano questi layout nella pagina web, diventerà molto complesso man mano che si aggiungono altri contenuti. Tuttavia, è molto importante specificare l'altezza e la larghezza. Più sarete più specifici nello stabilire questi attributi e non solo questi, meno bug avrete.

Osserva il codice e prova a modificarlo per comprenderne meglio il funzionamento. Copialo nel tuo documento per visualizzarlo.