HTML
A alma da internet
Prof. Mauro Duarte
02/03/15
Conteúdos do site
<ul> <ol> <li>
...
<body>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
...
02/03/15
Conteúdos do site
<ul> <ol> <li>
...
<body>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
...
02/03/15
Conteúdos do site
Tabelas
<body>
<table border=”1”>
<tr>
<td>Item</td>
<td>Item</td>
<td>Item</td>
<td>Item</td>
...
02/03/15
Conteúdos do site
Tabelas
<body>
<table>
<tr>
<th>Nome</th>
<th>Número</th>
<th>Turma</th>
<th>Nota</th>
</tr>
</...
02/03/15
Conteúdos do site
Tabelas
<body>
<table>
<tr>
<th>Nome</th>
<th>Número</th>
<th>Turma</th>
<th>Nota</th>
</tr>
</...
Próximos SlideShares
Carregando em…5
×

3 - Introdução ao Desenvolvimento Web - Listas e Tabelas

882 visualizações

Publicada em

3 - Introdução ao Desenvolvimento Web - Listas e Tabelas

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
882
No SlideShare
0
A partir de incorporações
0
Número de incorporações
390
Ações
Compartilhamentos
0
Downloads
30
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

3 - Introdução ao Desenvolvimento Web - Listas e Tabelas

  1. 1. HTML A alma da internet Prof. Mauro Duarte
  2. 2. 02/03/15 Conteúdos do site <ul> <ol> <li> ... <body> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ul> </body> ● Este conjunto de tags definem listas ● Sendo <ul> para listas com marcadores ● <ol> para listas numeradas ● <li> para itens da lista.
  3. 3. 02/03/15 Conteúdos do site <ul> <ol> <li> ... <body> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> <li>Item 6</li> </ol> </body> ● Este conjunto de tags definem listas ● Sendo <ul> para listas com marcadores ● <ol> para listas numeradas ● <li> para itens da lista.
  4. 4. 02/03/15 Conteúdos do site Tabelas <body> <table border=”1”> <tr> <td>Item</td> <td>Item</td> <td>Item</td> <td>Item</td> </tr> </table> </body> ● As tabelas são iniciadas pela tag <table> ● Cada linha da tabela é marcada pela tag <tr> ● A linha é dividida em células pela tag <td>
  5. 5. 02/03/15 Conteúdos do site Tabelas <body> <table> <tr> <th>Nome</th> <th>Número</th> <th>Turma</th> <th>Nota</th> </tr> </table> </body> ● As tabelas são iniciadas pela tag <table> ● Cada linha da tabela é marcada pela tag <tr> ● A linha é dividida em células pela tag <td> ● Os títulos são marcados com a tag <th>.
  6. 6. 02/03/15 Conteúdos do site Tabelas <body> <table> <tr> <th>Nome</th> <th>Número</th> <th>Turma</th> <th>Nota</th> </tr> </table> </body> ● As tabelas são iniciadas pela tag <table> ● Cada linha da tabela é marcada pela tag <tr> ● A linha é dividida em células pela tag <td> ● Os títulos são marcados com a tag <th>.

×