Estruturando páginas com HTML

Conectando páginas

Criando listas

Criando tabelas

Agenda

Conectando páginas

O                       é um movimento de alta tecnologia e impacto social que amplia as capacidades humanas e requalifica a força de trabalho para encarar os desafios da Indústria 4.0

Conectando páginas

Conectando páginas

<a href="http://www.vainaweb.com.br">
    <p>saiba mais</p>
</a>

Vamos praticar?

Listas ordenadas

1.  Caneta

2.  Lápis

3.  Borracha

4.  Tesoura

​5.  Papel

Listas ordenadas

<ol>
  <li>Caneta</li>
  <li>Lápis</li>
  <li>Borracha</li>
  <li>Tesoura</li>
  <li>Papel</li>
</ol>

Listas não ordenadas

  • Caneta
  • Lápis
  • Borracha
  • Tesoura
  • Papel

Listas não ordenadas

<ul>
  <li>Caneta</li>
  <li>Lápis</li>
  <li>Borracha</li>
  <li>Tesoura</li>
  <li>Papel</li>
</ul>

Listas aninhadas

  1. primeiro item
  2. segundo item
  • subitem
  • subitem
  • subitem
  1. terceiro item

Listas aninhadas

<ol>
  <li>primeiro item</li>
  <li>segundo item
    <ul>
      <li>subitem</li>
      <li>subitem</li>
      <li>subitem</li>
    </ul>
  </li>
  <li>terceiro item</li>
</ol>

Tabelas

Nome Idade Cidade
Camila 20 Rio de Janeiro

Tabelas

<table>
  <tr>
    <th>Nome</th>
    <th>Idade</th>
    <th>Cidade</th>
  </tr>
  <tr>
    <td>Camila</td>
    <td>20</td>
    <td>Rio de Janeiro</td>
  </tr>
</table>

Tabelas

<table>
  <tr>
    <th>Nome</th>
    <th>Sobre</th>
  </tr>
  <tr>
    <td>Maria</td>
    <td>Gosta de gatos</td>
  </tr>
</table>
Nome Sobre
Maria Gosta de cachorros

Até a próxima!

Estruturando páginas com HTML

By Vai Na Web

Estruturando páginas com HTML

Conheça as marcações para criar links, tabelas e listas

  • 923