Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula 04

    Enviado por

    nomadsthe8
    6 visualizações30 páginas

    Título original

    aula 04

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    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 PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    6 visualizações30 páginas

    Aula 04

    Enviado por

    nomadsthe8

    Direitos autorais:

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

    HTML/css

    Aula 04 Links e Imagens


    LINKS
    • Os links são encontrados em quase todas as páginas da web. Links
    permitem que os usuários a clicar o seu caminho a partir de uma
    página para outra.
    • Você pode clicar em um link e saltar para outro documento.
    • Quando você move o mouse sobre um link, a seta do mouse vai se
    transformar em um pouco de lado.
    • A ligação não tem que ser um texto. Pode ser uma imagem ou
    qualquer outro elemento HTML.
    • Em HTML, links são definidas com a tag <a>: Informática
    • O atributo href especifica o endereço de destino (
    https://www.w3schools.com/html/ ) do link.
    • O texto do link é a parte visível (Visite o nosso tutorial HTML).
    • Clicando no link texto vai mandar você para o endereço especificado.
    • Sem uma barra no final de endereços de subpastas, você pode gerar
    dois pedidos para o servidor. Muitos servidores adiciona
    automaticamente uma barra ao final do endereço, e em seguida, criar
    um novo pedido.
    LIGAÇÕES LOCAIS
    • O exemplo acima usou uma URL absoluta (um endereço web
    completo).
    • Uma ligação local (link para o mesmo site) é especificado com uma
    URL relativa (sem http: // www ....)
    • CORES HTML LINK
    • Por padrão, um link aparecerá como esta (em todos os navegadores):
    • · Um link não visitado é sublinhado e azul
    • · Um link visitado é sublinhado e roxo
    • · Uma link ativo é sublinhado e vermelho
    Imagens
    • As imagens podem melhorar o design e a aparência de uma página
    web.
    • Em HTML, imagens são definidas com a tag <img>.
    • A tag <img> é vazio, ele contém apenas atributos, e não tem uma
    marca de fechamento.
    • O atributo src especifica a URL (endereço web) da imagem:
    O ATRIBUTO ALT
    • O atributo alt fornece um texto alternativo para uma imagem, se o usuário por
    algum motivo não pode vê-lo (por causa da conexão lenta, um erro no atributo
    src, ou se o usuário usa um leitor de tela).
    • O valor do atributo alt deve descrever a imagem:
    TAMANHO DA IMAGEM - LARGURA E ALTURA
    • Você pode usar o atributo style para especificar a largura e a altura de uma
    imagem.
    • Alternativamente, você pode usar os atributos width e height:
    O width e height atributos sempre define a largura e altura da
    imagem em pixels.
    IMAGENS EM OUTRA PASTA
    • Se não for especificado, o navegador espera encontrar a imagem na
    mesma pasta que a página web.
    • No entanto, é comum armazenar imagens em uma sub-pasta. Você
    deve, então, incluir o nome da pasta no atributo src:
    ATIVIDADE
    • Crie um site, você pode escolher tema, no mínimo vai ter 5 páginas
    conectadas, LINKS, deve ter também imagens, textos, títulos.
    ATIVIDADE
    • COLOCAR O BOTÃO COMO LINK.
    • Listas
    • Listas HTML são definidas com a <ul> (lista não ordenada / bala) ou <ol>
    (ordenado / lista numerada), seguido por <li> (os itens da lista):
    Atividade Prática
    • Coloque os menus do seu site em listas e dentro da tag <nav>
    Atributos
    Atributos fornecem informações adicionais sobre
    os elementos HTML.
    O ATRIBUTO LANG
    A linguagem do documento podem ser declarados
    na tag <html>.
    Atividade prática

    Você também pode gostar