HTML – Aula 2
Conceitos Básicos
Relembrando: Client-side
            • Código baixado do
              servidor e
              interpretado pelo
        ...
Relembrando: Server-Side
               • Código
                 interpretado
                 pelo servidor
Relembrando: HTML
• HTML é uma linguagem de marcação e não de
  programação, linguagem estrutural de páginas
  de internet...
Relembrando: Página HTML
• Exemplo de página HTML:
<html>
     <head>
        <title>Título da Minha Página</title>
     <...
Relembrando: Página HTML
Link
• TAG: <a> </a>
• Propriedades principais:
   § href
   § target
• Exemplo:

  <a href=“meuDestino.html” target=“_bla...
Quebra de linha
• TAG: <br />
• Não necessita de duas tags
Exemplo:

  <p>Meu primeiro parágrafo</p>
  <br />
  <p>Meu seg...
Barra Horizontal
• TAG: <hr />
• Não necessita de duas tags
Exemplo:

  <p>Meu primeiro parágrafo</p>
  <hr />
  <p>Meu se...
Tabela
• TAG: <table> </table>
• Formada por:
   Linhas( tag: <tr>) e colunas (tag: <td>)
• Toda coluna pertence a uma lin...
Tabela
• Exemplo:
    <table>
      <tr>
        <td>Alunos</td><td>Notas</td>
      </tr>
      <tr>
         <td>José1</...
Exercício
• Construir 3 páginas:
• Principal (index.html):
    Deve conter no título Aula 2, título primário com o seguint...
Próximos SlideShares
Carregando em…5
×

Aula 2 - Conceitos básicos

546 visualizações

Publicada em

Publicada em: Tecnologia
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
546
No SlideShare
0
A partir de incorporações
0
Número de incorporações
48
Ações
Compartilhamentos
0
Downloads
13
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 2 - Conceitos básicos

  1. 1. HTML – Aula 2 Conceitos Básicos
  2. 2. Relembrando: Client-side • Código baixado do servidor e interpretado pelo WebBrowser ou plugin.
  3. 3. Relembrando: Server-Side • Código interpretado pelo servidor
  4. 4. Relembrando: HTML • HTML é uma linguagem de marcação e não de programação, linguagem estrutural de páginas de internet; • TAG HTML é utilizada para definir um arquivo HTML Início: Fim: < TAG > </ TAG >
  5. 5. Relembrando: Página HTML • Exemplo de página HTML: <html> <head> <title>Título da Minha Página</title> </head> <body> <h1>Primeiro Título (header) da página</h1> <p>Aqui eu coloco o texto do meu primeiro parágrafo, posso colocar vários outros textos</p> </body> </html>
  6. 6. Relembrando: Página HTML
  7. 7. Link • TAG: <a> </a> • Propriedades principais: § href § target • Exemplo: <a href=“meuDestino.html” target=“_blank”>Neste Texto que eu clico</a>
  8. 8. Quebra de linha • TAG: <br /> • Não necessita de duas tags Exemplo: <p>Meu primeiro parágrafo</p> <br /> <p>Meu segundo parágrafo</p>
  9. 9. Barra Horizontal • TAG: <hr /> • Não necessita de duas tags Exemplo: <p>Meu primeiro parágrafo</p> <hr /> <p>Meu segundo parágrafo</p>
  10. 10. Tabela • TAG: <table> </table> • Formada por: Linhas( tag: <tr>) e colunas (tag: <td>) • Toda coluna pertence a uma linha • Deve ser utilizada somente para apresentar dados em tabulação, não em elementos de layout.
  11. 11. Tabela • Exemplo: <table> <tr> <td>Alunos</td><td>Notas</td> </tr> <tr> <td>José1</td><td>0</td> </tr> <tr> <td>José2</td><td>3</td> </tr> </table>
  12. 12. Exercício • Construir 3 páginas: • Principal (index.html): Deve conter no título Aula 2, título primário com o seguinte texto: Navegue entre as páginas. Conter link para as outras duas página; • Página 2 (pagina1.html): Título da página: Aula 2 - Exercício 1, deve conter dois parágrafos com qualquer texto, uma barra horizontal (<hr /> no final dos parágrafos e um link para retornar para a página principal; • Página 3 (pagina2.html): Título da página: Aula 2 - Exercício 2, deve conter uma tabela, com os dados colocados no quadro branco, abaixo da tabela dois espaços em branco (<br />) e um link para retornar a página principal; •

×