Recomendados
Mais conteúdo relacionado
Semelhante a internet_e_o_html.pdf
Semelhante a internet_e_o_html.pdf (20)
Mais de asastm2015
Último
Último (20)
internet_e_o_html.pdf
- 1. Criação de Páginas Web Rui Lemos © 2014 • A Internet • HTML Básico
- 2. Internet
- 4. Como funciona a Internet? Os intervenientes Cliente & Servidor
- 5. INTERNET Pedido da página http://www.google.pt Servidor do Google O Browser faz o pedido. O servidor envia a página solicitada. Como funciona a Internet? Client & Server Cliente
- 6. CÓDIGO HTML Página Web Browser Internet Explorer Netscape Mozilla Firefox Opera Etc... Client - Browser INTERNET Recebe código HTML. Cria a página web. SERVER
- 7. Executa permanentemente um programa especial Web server Aguarda um pedido de acesso a uma página efectuado por um Web browser Server - Servidor • Sempre ligado. • Contém o site.
- 8. Cliente Web Servidor Web Solicita página Página solicitada ou Erro Utilizador Documentos Imagens Vídeos Sons,... Modelo Cliente-Servidor da WWW Protocolo HTTP
- 9. URL - Universal Resource Locator URL Documento HTML Web browser Web server
- 10. O protocolo HTTP define o modo como são solicitadas e enviadas páginas web na Internet. HTTP Hipertext Transfer Protocol HiperText Transfer Protocol (Protocolo de transferência de hipertexto)
- 12. Domínios com edu gov mil net org … pt br de ... Organização comercial Instituição de ensino Entidade governamental Instituição militar Hosts não administrativos organização não lucrativa … Portugal Brasil Alemanha ... Indicadores geográficos gerais
- 13. HTML
- 14. HyperText Markup Language Linguagem HTML
- 15. Um programa HTML reside num ficheiro de texto simples (extensão: html ou htm) HTML Linguagem HTML
- 16. Um programa HTML inclui uma série de TAGS (marcas) colocadas no texto que se reflectem na página Web. <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <P> </P> Linguagem HTML
- 17. Exemplo de código HTML <HTML> <HEAD> <TITLE> A minha primeira página na internet </TITLE> </HEAD> <BODY> <P> Olá, o meu nome é Gollum </P> <HR> <P> <BR> </P> <HR> </BODY> </HTML>
- 18. <HTML> Declara que o texto seguinte define uma página HTML. A tag </HTML> termina a página. TAGS
- 19. <HEAD> Define a área de cabeçalho (header) da página. A tag </HEAD> termina a zona de cabeçalho. <BODY> Delimita o conteúdo que será visualizado na página. A tag </BODY> termina a zona de conteúdo. TAGS
- 20. <TITLE> Define o título da página que é visualizado na barra de título do browser. A tag </TITLE> termina o título. TAGS
- 21. <P> Início de um parágrafo. </P> termina o parágrafo. <BR> Mudança de linha <HR> Horizontal line/horizontal rule. <COMMENT> Utilizado para comentar o código. TAGS
- 22. Formatação de Caracteres <B> <I> <U> </B> </I> </U> Bold Itálico Sublinhado TAGS <A HREF = “http://www.google.pt”> GOOGLE </A> Hiperligações:
- 23. Imagens em documentos HTML TAGS <IMG SRC=“http://www.empresa.com/directório/elefantes.gif”>
- 24. HTML Imagem com origem noutro site
- 25. <IMG SRC=“gollum.gif"> <IMG SRC=“gollum.gif" BORDER=4> <IMG SRC=“gollum.gif" BORDER=8> <IMG SRC=“gollum.gif" BORDER=16> O qualificador BORDER coloca uma linha Delimitadora à volta da figura, com uma espessura controlada em pixels. TAGS
- 27. Headings (cabeçalhos) <H1> </H1> <H2> </H2> <H3> </H3> <H4> </H4> <H5> </H5> <H6> </H6> Nível alto Nível baixo Uma página Web pode ter no máximo 6 níveis de headings TAGS
- 28. HTML
- 29. TAGS <BODY BACKGROUND = “gollum.jpg”> Imagem de fundo
- 30. TAGS Tabelas <table border cellspacing=0 cellpadding=5> <tr> <td colspan=2 align=center>Filmes</td> </tr> <tr> <td> Irmandade do anel</td> <td> Duas Torres</td> </tr> <tr> <td> Olá</td> <td> O meu nome é Gollum</td> </tr> </table> <table> … </table>
- 31. TAGS <table border cellspacing=0 cellpadding=5> </table> <tr> <td colspan=2 align=center>Filmes</td> </tr> <tr> <td> Irmandade do anel</td> <td> Duas Torres</td> </tr> <tr> <td> Olá</td> <td> O meu nome é Gollum</td> </tr> cellspacing – espaço ente células. cellpadding – espaço entre o texto e a linha.
- 32. TAGS - TABELAS <table border cellspacing=0 cellpadding=5> </table> <tr> <td colspan=2 align=center>Filmes</td> </tr> <tr> <td> Irmandade do anel</td> <td> Duas Torres</td> </tr> <tr> <td> Olá</td> <td> O meu nome é Gollum</td> </tr> cellspacing – espaço ente células. cellpadding – espaço entre o texto e a linha.
- 33. 1 linha 3 colunas
- 34. 2 linhas 3 colunas
- 35. 3 linhas e 3 colunas
- 36. 3 linhas e 1 coluna
- 37. 5 linhas e 1 coluna
- 38. 5 linhas e 2 colunas
- 39. União entre células • Rowspan • Colspan
- 40. Exemplo 1 Esta TAG indica que esta célula irão ser unidas duas células ao longo da coluna. rowspan
- 41. Exemplo 2 Situação inicial: 3 linhas e 5 colunas Pretendemo s unir estas 3 células.
- 42. Exemplo 2 (continuação) Esta TAG indica que nesta célula irão ser unidas três células ao longo das colunas. colspan
- 43. Exemplo 3
- 44. Exemplo 4
- 45. Standards http://www.w3.org World Wide Web Consortium A visitar…