play_arrow

keyboard_arrow_right

skip_previous play_arrow skip_next
00:00 00:00
playlist_play chevron_left
volume_up
chevron_left
  • Home
  • keyboard_arrow_right Arquivo
  • keyboard_arrow_right Blog
  • keyboard_arrow_right Tutoriais: HTML #2 – HTML, Head e Body

Tutoriais: HTML #2 – HTML, Head e Body

818 Resultados / Página 1 de 46


Background

HTML Tutorial - HTML, Head & Body

Este post faz parte do Tutorial weRgeeks de HTML.

Html Tags

Bom, para esta explicação, vou fugir um pouco do assunto e entrar, de leve, … em XML (mas bem de leve mesmo). Imagine que eu queira fazer um documento que descreva uma pessoa, sendo assim, utilizando o meu editor favorito, eu crio o seguinte arquivo:

<pessoa>
<social>
<nome>Darthjee</nome>
<sobrenome>Silva</sobrenome>
<idade>23.83</idade>

</social>
<fisico>
<altura>1.95m</altura>
<peso>110Kg</peso>
<cabelo>moreno</cabelo>

</fisico>

</pessoa>

Pelo arquivo, podemos perceber que a pessoa é descrita pelo conteudo do tag <pessoa></pessoa>, enquanto seus atributos sociais e fisicos tambem estão dentro de um grupo de tags.

Html Tag

No HTML temos o mesmo formato, ou seja, todos os dados serão “embrulhados” nos tags corretos. Todo o documento (arquivo) deve estar dentro dos tags de identificação <html></html>, e observem que, enquanto <html> é o tag de abertura do conteúdo HTML, </html> é o tag de fechamento de conteúdo.

Assim como na descrição da pessoa (que tem atributos físicos e pisicológicos), o HTML tem 2 “campos” (ou tags) básicos, <head> e <body> que marcam, respectivamente, o cabeçalho e o corpo da página.

Body Tag

Aquilo que você colocar no corpo (<body>) será renderizado pelo navegador em alguma coisa que usuário pode ver, ou seja, a página em si.

Head Tag

Aquilo que você colocar no cabeçalho (<head>) será utilizado pelo navegador para obter informações extras como o autor da página, o título e outras informações que eu explicarei mais para frente. As informações do cabeçalho, quando mal feitas, não deveriam aparecer no navegador, mas aparecem nos navegadores, mas não utilize o <head> como <body> já que não funcionará em todos os navegadores.

Bom, agora que eu já expliquei como funciona, é hora de testar, abra seu editor e coloque o código abaixo, com o conteúdo de sua preferencia no corpo, e salve como pagina.html … depois basta apenas abrir para visualizar sua primeira página

Você poderá notar que o texto que você digitar nem sempre é o que você obterá, para corrigir tal, precisaremos dos outros tags HTML.

Até a próxima


EU NÃO ACREDITO

toda segunda-feira um novo episódio
Ouça em todas as plataformas
Background

Eu não acredito que finalmente estamos ouvindo o lado B da história da nossa civilização.

Sim. E o nome da escola de pensamento que está a frente desse movimento é a decolonialidade.

Nesta semana, para compreender nossa estrutura social de forma a torná-la mais justa e diversa, vamos entender exatamente o que é e como funciona a decolonialidade!

DESCUBRA NESSE EPISÓDIO:
– De onde surgiu o conceito de decolonialidade?
– Como a decolonialidade atua pra contrapor o imperialismo?
– Qual é a diferença entre decolonialidade e desconstrução?
– Como a decolonialidade se relaciona com o pós-modernismo e a descolonização?
– Existem diferenças entre as linhas de decolonialidade?
– Como a pedagogia decolonial pode beneficiar futuras gerações?
– Qual é o papel da decolonialidade no feminismo?
– Como a questão colonizadora impacta o movimento feminista?
– Qual é a importância da decolonialidade na sociedade brasileira?
– Há muita resistência à decolonialidade? 

REFERÊNCIAS TEXTUAIS
Ailton Krenak conta a sua trajetória e fala da luta permanente dos povos tradicionais no Brasil (Canal YouTube Assembleia de Minas Gerais)
Eleito intelectual do ano, Aílton Krenak ensina: “A vida não é útil” (ECOA – UOL)
90º aniversário da Dra. Maya Angelou (Doodle)
Arcas de Babel: Lubi Prates traduz Maya Angelou (Revista Cult)
Falando em línguas: uma carta para as mulheres escritoras do terceiro mundo (Revista Estudos Feministas)
Poema “Canção Peregrina” de Graça Graúna (Revista Acrobata)

Gostou do episódio? Mande um comentário em áudio pelo WhatsApp +55 11 98765-6950. Seu comentário poderá aparecer no podcast Serviço de Atendimento à Cavalaria (SAC).


mande seu comentário em áudio