Wiki: Criar Tabelas Rápidas e Básicas Utilizando o Editor HTML do Wiki (pt-BR)

Wiki: Criar Tabelas Rápidas e Básicas Utilizando o Editor HTML do Wiki (pt-BR)

Esse artigo foi originalmente escrito em: http://social.technet.microsoft.com/wiki/contents/articles/2210.wiki-create-quick-and-basic-tables-using-the-wiki-html-editor.aspx



Esse artigo irá criar uma tabela simples com uma largura de tabela e das colunas definidas e uma linha de cabeçalho com bordas em torno de todas as células no editor HTML Wiki.

Cole o conteúdo da tabela abaixo entre as tags <body> </ body>  de um documento html em http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_style  para um preview:


<!-- Altere as propriedades das tags tabela, conforme listado abaixo. Os valores padrões para cellpadding -->
<!-- e cellspacing evitam que as bordas de apareçam em torno de todas as células, para que isso ocorra defina o valor das propriedades igual à "0".  -->
<!-- Valor padrão para a largura da tabela fará com que sua largura seja regida pelo conteúdo da tabela. -->
<!-- Se o seu artigo wiki irá conter várias tabelas e deseja aplicar uma largura consistente-->
<!--para todas as tabelas, defina o valor da largura da tabela aqui e use esse valor para cada tabela criada-->

<table cellpadding="0" cellspacing="0" width="600" rules="all" style="border: #000000 thin solid;">

          <!-- Use o atributo  style da tag <tr> para definir a cor de fundo -->
          <!-- e o estilo da fonte. Que na primeira linha será prata e negrito, respectivamente -->
          <!-- Use o atributo valign da tag <tr> para definir o alinhamento do texto para "top" -->

          <tr style="background-color: silver; font-weight: bold;" valign="top">

                 <!-- Adicione colunas e linhas com a tag <td> e use o atributo style -->
                 <!-- para definir a largura de cada coluna para que a soma -->
                 <!-- de todas as larguras das coluna seja igual a largura da tabela acima indicado -->

                 <td style="width: 400px">HeaderRow, Column1, Width is 400 pixels</td>
                 <td style="width: 200px">HeaderRow, Column2, Width is 200 pixels</td>
          </tr>

          <!-- Adicione linhas conforme necessário com a tag <tr>. Colunas continuarão a usar o -->
          <!-- larguras definidas na primeira linha, a menos que o número de colunas por linhas sofra alguma alteração -->
          <!-- assim não há necessidade de definir a largura das colunas por cada linha desta tabela.-->

                  <tr valign="top">
                  <td>Row2, Column1</td>
                  <td>Row2, Column2</td>
          </tr>
          <tr valign="top">
                   <td>Row3, Column1</td>
                   <td>Row3, Column2</td>
          </tr>
 </table>

Esta tabela deve renderizar da seguinte forma:

HeaderRow, Column1, Width is 400 pixels HeaderRow, Column2, Width is 200 pixels
Row2, Column1 Row2, Column2
Row3, Column1 Row3, Column2

Veja Também



Outras Línguas

Este artigo esta disponível nas seguintes linguagens:   

Inglês (en-US)

Français France (fr-FR)

Leave a Comment
  • Please add 7 and 6 and type the answer here:
  • Post
Wiki - Revision Comment List(Revision Comment)
Sort by: Published Date | Most Recent | Most Useful
Comments
  • Yagmoth555 edited Revision 3. Comment: adding a fr-FR translation's link

Page 1 of 1 (1 items)
Wikis - Comment List
Sort by: Published Date | Most Recent | Most Useful
Posting comments is temporarily disabled until 10:00am PST on Saturday, December 14th. Thank you for your patience.
Comments
  • Yagmoth555 edited Revision 3. Comment: adding a fr-FR translation's link

Page 1 of 1 (1 items)