ajuda em html[tables]

vascorama

vascorama

Power Member
boas, sou noob nisto e tou agora a começar essa cadeira, podem explicar-me porque é que aqui:
<html>
<body bgcolor=#ffffff>
<table align=center border=3 bordercolor=#000000 text="#000000" rules="groups">
<colgroup span=2 align="right">
<style="color:'#ff0000';font-family:'verdana';font-size:'13'"></style></colgroup>

<tbody>

<tr>

<td>Departamento</td>
<td> Jan </td>
<td> Fev </td>
<td> Mar </td>

</tr>
</tbody>
<tr>
<td>electricidade</tr>
<td>999</tr>
<td>999</tr>
<td>999</tr>


</tr>
Clicar para expandir...
as duas colunas que "chamo" no colgroup não estão da cor que defini no style?
Cumps
 
Pois o melhor seria mesmo definir o style como atributo ou inserires o algo dentro do style, mas melhor ainda seria definires uma folha de estilos CSS, externa ao HTML.

e usas ai uns elementos que não ouvia falar à mto. Isso ainda se usa?! E iniciam uma cadeira de HTML com tabelas? Que raio de começo.

e os <p>, <h1>,<h...>, <strong>, <ul>, <li> <a href="">

E não me digas que te ensinam a usar tabelas para estruturar o layout?

Old School method...
 
<thead> define os cabeçalhos da tabela
<tfoot> define o rodapé da tabel e é descrito logo no inicio a seguir ao <thead>

depois tens o corpo da tabela <tbody> 1 ou mais.

o <thead> e <tfoot> servem por exemplo quando imprimes tabelas longas em várias páginas ele no inicio de cada página escreve o cabeçalho e o rodapé. Muito útil.
http://www.w3.org/TR/html4/struct/tables.html#rowgroups

o atributo RULES são regras que se aplicam aos grupos existentes na tabela, caso do THEAD, TFOOT, TBODY, COLGROUP e COL.

Ou seja o estilo que definires na table será aplicado cosoante o que definires no rules: que poderá ser: none|groups|rows|cols|all

se definires <table border="1" rules="row">

ele ira atribuir o border somente ás "row"

<html>
<head>
<script type="text/javascript">
function rowRules()
{
document.getElementById('myTable').rules="rows"
}
function colRules()
{
document.getElementById('myTable').rules="cols"
}
</script>
</head>
<body> <table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
<tr>
<td>Row3 cell1</td>
<td>Row3 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="rowRules()"
value="Show only row borders">
<input type="button" onclick="colRules()"
value="Show only col borders"> </body>
</html>
Clicar para expandir...
Copia e cola isso no body de uma página e verás a diferença entre o rules="row" e rules="col".
src= http://www.w3schools.com/htmldom/prop_table_rules.asp

ou experimenta em http://www.w3schools.com/js/tryit.asp?filename=try_dom_table_rules
 
Última edição:
Inicie sessão ou registe-se para poder participar.
Back
Topo