Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Construindo Uma Página Completa

    Enviado por

    Raíssa Bandeira da Luz
    7 visualizações2 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    DOCX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    7 visualizações2 páginas

    Construindo Uma Página Completa

    Enviado por

    Raíssa Bandeira da Luz

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato DOCX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 2

    Construindo uma página completa

    Nesta aula vamos aprender a construir uma página completa. Vamos usar como exemplo a página
    demonstrada na aula "Estruturas de um Website".

    Agora, vamos criar a estrutura desta página usando HTML:


    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.
    5. <title>Página completa</title>
    6. <meta charset="UTF-8">
    7.
    8. </head>
    9.
    10. <body>
    11.
    12. <!-- Cabeçalho -->
    13. <header>
    14.
    15. <nav></nav>
    16.
    17. </header>
    18.
    19. <!-- Conteúdo -->
    20. <div>
    21.
    22. <article>
    23. <section></section>
    24. </article>
    25.
    26. <aside></aside>
    27.
    28. </div>
    29.
    30. <!-- Rodapé -->
    31. <footer></footer>
    32.
    33. </body>
    34.
    35. </html>

    ----

    REVISÃO

    O que é HTML?

    HTML (Hypertext Markup Language ou na tradução para o português Linguagem de Marcação de


    Hipertexto) é uma linguagem utilizada para construção de páginas de Internet. HTML define um conjunto
    de regras que permite a formatação de páginas. Um documento HTML consiste em um arquivo de texto
    que será lido e interpretado como uma página por browsers (navegadores), como por exemplo, Chrome,
    Firefox, Opera, Edge ou Safari.

    Páginas HTML possuem elementos de marcação, chamados de tags, que indicam como a página deverá
    ser formatada. Tags são indicadas entre os símbolos de <>.

    Abaixo temos o exemplo do código de uma simples página HTML:

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <title>Hello</title>
    5. </head>
    6.
    7. <body>
    8. <p>Olá, mundo!</p>
    9. </body>
    10. </html>

    Como declarar imagens?

    Você pode declarar imagens usando a tag <img>. O endereço de uma imagem, isto é, a localização da
    imagem deverá ser indicada pelo atributo src.

    <img src="foto.jpg">

    Como declarar links?

    Links permitem que o usuário navegue de uma página a outra. Devem ser declarados com a tag <a>.

    <a href="pagina_2.html">Link para a página 2</a>

    Como declarar formulários?Formulários permitem que o usuário envie dados para um sistema web.
    Devem ser declarados com a tag <form>. O atributo action indica a página que será carregada. O método
    de envio pode ser "post" (mais recomendado) ou "get" (envio pela url).

    <form action="recebe.php" method="post" name="form"></form>

    Você também pode gostar