Posts

Showing posts with the label Tags

Tag Body

Image
A tag <body> é um dos elementos centrais do HTML - ela representa todo o conteúdo visível da página web . Ou seja, tudo que aparece para o usuário no navegador (como textos , imagens , vídeos , botões , links e outros elementos gráficos ) deve estar dentro dela. Veja a estrutura básica do corpo de um site em tempo real header content sidebar footer Agora que já sabemos para que essa tag serve, vamos entender mais um pouco sobre ela. O que é exatamente a tag <body>? O <body> - que traduzido do inglês significa corpo - é uma tag de estrutura, assim como <head> e <html> . Seu objetivo é renderizar, ou mostrar, todo o conteúdo na tela do seu computador, diferente da tag <head> , que serve para armazenar metadados e configurações de uma página web. Saiba um pouco mais sobre a tag <head> bem aqui Uma informação importante, é que, cada do...

HTML - Sintaxe Comentários

Image
Sintaxe de Comentários O que é? Como usar? A "sintaxe comentários" é um conjunto de regras que permite ao desenvolvedor adicionar termos explicativos acima da linha de código, que o permite explicar a função dessa determina linha. A maioria, se não todas, as linguagens da web utilizam esse parâmetro. As mais utilizadas saõ // para comentários de linha única ou /**/ para blocos de linhas em CSS e Java. Já no HTML utiliza-se a sintaxe <!-- seu comentário--> .  NOTA: Falaremos das demais sintaxes de comentários em tutoriais a frente. Focaremos agora nas sintaxes de comentários em HTML. Estrutura básica de uma sintaxe de comentário Quando o texto é colocado dentro das <!-- tags desta maneira --> , ele não aparecerá na página web. Você pode usar estas tags para adicionar lembretes, avisos ou explicações sobre o código, o que facilita qualquer pessoas a fazer uma leitura mais precisa do seu documento HTML. Formas de adicionar comentários em um documento Ele pode ser adi...

Tag title

Image
A tag <title> é um dos elementos mais simples, mas ao mesmo tempo, importante do HTML . Vamos por partes: O que é a tag <title> e para que serve? A tag <title> define o título da página web . Nos resultados de busca do Google ( e outros mecanismos de busca), aparece como link que leva  a página de destino. Exibição de título da página de destino na web Este título é adicionado aos favoritos ou favoritos do navegador . *OBS: O texto que é adicionado entre a tag <title> Texto aqui.....</title> não aparece no corpo da página html . (Ao contrário da tags <h1> e <p> que são usadas para imprimir caracteres " letras e números " no corpo do documento ). Esquemático A tag ficara disposta sempre após a tag <head>  para ajudar na sua localização e deixar o código organizado caso outros desenvolvedores precisarem acessar. Entenda a importância da tag head no seu site : aprenda a usa-la de maneira profissional e entenda suas funções b...

Tag Head

Image
A tag <head> é uma das partes mais importantes da uma página HTML, mas ela não exibe nada diretamente na tela do navegador. Imagine ela como o "cérebro" do documento - é onde você coloca informações que descrevem e configuram toda a sua página, ou seja, nenhum conteúdo visual é adicionado a esta tag. O usuário não verá absolutamente nada. O que significa <head> ? O nome "head" vem de "cabeçalho" (não confunda com o cabeçalho visual do site). Ela indica ao navegador que o conteúdo dentro dela é apenas para meta informação sobre a página web. Então... Para que serve? A <head> serve para definir dados, recursos e instruções para o navegador antes de mostrar o conteúdo real da página . Este conteúdo sempre irá se encontrar dentro de tag <body> , que iremos ver mais a frente. Entre sua funções principais esta: Definir metadados Com a tag <meta> você informa a codificação de caracteres ( <meta charset="UTF-8"> )...

Doctype html

Image
O que é doctype html? A tag <!DOCTYPE  html> é um código que declara a existência de um documento em Linguagem HTML, por isso, esta tag é tecnicamente chamada de document type declaration (declaração do tipo de documento) - colocada no início de um arquivo HTML. É importante que saibamos que ela não é uma tag qualquer: trata-se de uma declaração especial para o parser (o interpretador de códigos do navegador) . O que significa <!DOCTYPE html> ? <! - indica o início de uma declaração especial. DOCTYPE  - significa "document type", ou tipo de documento. html - informa que o documento é do tipo HTML. Quando o navegar encontra essa declaração, ele entra no modo padrão , em inglês (standards mode) , interpretando o código nas funções ou especificações oficiais do HTML e do CSS , evitando modelos antigos que causariam alguma inconsistência ou incompatibilidade na exibição do seu site. No HTML5, que é a versão mais atual da linguagem, a declaração foi simplificad...