index.html

<!DOCTYPE html>
<html lang="pt_br">
<head>
	<meta charset="UTF-8">
	<title>Chatuba de Mesquita</title>
	<link rel="stylesheet" href="bonde.css">
</head>
<body>
	<div id="site">
		<p>div#site</p>
			<div id="header">
				<p>div#header</p>
					<div id="logo"><p>div#logo</p></div>
					<div id="menu"><p>div#menu</p></div>
			</div>
			<div id="banner">
				<p>div#banner</p>
					<div id="comentario"><p>div#comentario</p></div>
			</div>
			<div id="conteudo">
				<p>div#conteudo</p>
					<div id="esquerdo">
						<p>div#esquerdo</p>
						<h1>Noticias:</h1>
							<div class="noticia">
								<p>div.noticia</p>
								<h1>Titulo da noticia</h1>
								<h2>texto</h2>
							</div>
							<div class="noticia">
								<p>div.noticia</p>
								<h1>Titulo da noticia</h1>
								<h2>texto</h2>
							</div>
							<div class="noticia">
								<p>div.noticia</p>
								<h1>Titulo da noticia</h1>
								<h2>texto</h2>
							</div>
					</div>
					<div id="direito">
						<p>div#direito</p>
						<h2>Destaques:</h2>
						<table border="1">
							<tr>
								<td>Espaço 1</td>
								<td>Espaço 2</td>
								<td>Espaço 3</td>
							</tr>
							<tr>
								<td colspan="2">Espaço 4</td>
								<td rowspan="2">Espaço 5</td>
							</tr>
							<tr>
								<td>Espaço 7</td>
								<td>Espaço 8</td>
							</tr>
						</table>
					</div>
			</div>
			<div id="footer">
				<p>div#site</p>
					<div id="copyrighter">
						<p>div#copyrighter</p>
						&copy;copyright
					</div>
			</div>
	</div>
</body>
</html>