Aula 2 - Conceitos básicos

531 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
531
On SlideShare
0
From Embeds
0
Number of Embeds
49
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for 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; •

×