Please enable JavaScript.

Coggle requires JavaScript to display documents.

INTRODUÇÃO A HTML (ESTRUTURA (Todos os documentos HTML são chamados de…

- - - - Tag: <!- - >
        Esta tag é utilizada para aplicar comentários ao código HTML. Não se esqueça que ela deve ser fechada por dois sinais de menos e um sinal de maior para limitar o tamanho do comentário. Caso contrário, todo o conteúdo ficará escondido do usuário.
    - - Tag: <a>
        Esta tag define uma âncora dentro ou fora da página.
        Através dela, é possível fazer uma ligação com outro documento ou ainda saltar para um ponto específico do documento sem a necessidade da ação de paginação feita pelo usuário.
      - conta com os atributos href e name para possibilitar o estabelecimento de hiperligações (link), para outro trecho de um documento, para outra página de Internet ou mesmo um endereço de e-mail
- - - - O conteúdo definido dentro desta tag será exibido na barra de título do seu navegador.
        É compatível com os principais navegadores Web.
    - - Quando trabalharmos com Folhas de Estilos, definimos aqui os estilos carregados.
    - - Utilizada para definir a carga de um script do tipo Javascript, por exemplo, do lado do cliente.
        É compatível com os principais navegadores Web. No HTML 4.1 tipo de conteúdo é declarado como CDATA, que significa que as entidades não serão parseadas. Já no XHTML o tipo de conteúdo muda para (#PCDATA).
    - - .
        
        Utilizada para definir ligações entre a página e arquivos externos como, por exemplo, arquivo de folhas de estilos.
        
        Em XHTML esta tag deve ser obrigatoriamente fechada.
        
        É compatível com os principais navegadores Web. Repare que esta tag é composta, também, por atributos type e href onde o primeiro indica o tipo de referência do link e o segundo a localização do arquivo em si.
        
        Outros atributos também são importantes, a saber:
        
        charset - onde definiremos o conjunto de caracteres utilizado
        
        media – onde definiremos o tipo de mídia utilizada. Isto é importante para a acessibilidade. Acompanhe na aula sobre acessibilidade mais à frente.
    - - Esta tag é uma das mais utilizadas para dar aos robôs de busca informações a respeito de sua página e site. Ela define as propriedades da página. Desta forma, ferramentas de indexação de conteúdos podem, ao ler as informações contidas nestas tags, catalogar sites e suas informações, tais como descrição da página,autor,palavras chave, etc.
      - O atributo content é obrigatório, pois especifica o conteúdo da meta informação. Os demais atributos são opcionais.
      - Para definir o nome do autor da página devemos utilizar o atributo AUTHOR. Exemplo: <META NAME="AUTHOR" CONTENT="Flavio Brito">
      - Com o intuito de especificar as informações do cabeçalho da página poderemos utilizar o atributo HTTP_EQUIV. Exemplo: <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
        CONTENT-TYPE – Define o tipo de conteúdo.
      - EXPIRES - Define o prazo de expiração, indicando o tempo de obsolescência do documento. Caso coloquemos o número 0, estaremos indicando que a página expira agora e deve ser atualizada.
      - REFRESH - Define o tempo, em segundos, de atualização da página e, ainda, pode redirecioná-la após o prazo.
      - CACHE-CONTROL - Define como o cachê será controlado. Exemplo: <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
      - PRAGMA NO-CACHE – Indica para não armazenar a página no cache, devendo esta ser sempre solicitada ao servidor.
      - KEYWORDS – Define as palavras chave para a indexação da página. Todas as palavras devem ser separadas por vírgula.
      - ROBOTS - Indica como os robôs de busca e indexação deverão trabalhar em sua página.