Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas

Introdução às Tags HTML: Suas Funções e Usos, Resumos de Informática

Saiba o que são tags html e como elas são usadas para estruturar e personalizar conteúdo na web. Aprenda sobre tags de abertura e fechamento, tags de comando isolado e tags comuns como <b>, <h1> a <h6> e <br>. Encontre exemplos e comece a criar seu primeiro website.

O que você vai aprender

  • Que tipo de rótulos são tags HTML?
  • Qual é a função da tag <h1> no HTML?
  • Quais são as diferenças entre tags de abertura e tags de fechamento?

Tipologia: Resumos

2018

Compartilhado em 23/03/2022

rafaelmoraes33
rafaelmoraes33 🇧🇷

5 documentos

1 / 5

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
Lição 3: O que são tags HTML?
Você já está em condições de aprender a chave do HTML - tags.
"Tags"?
Tags são rótulos usados para informar ao navegador como deve ser apresentado o
website.
Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam
com um sinal de maior ">".
Genericamente falando, existem dois tipos de tags - tags de abertura: <comando> e tags
de fechamento: </comando>. A diferença entre elas é que na tag de fechamento existe
um barra "/".
Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será
processado segundo o comando contido na tag.
Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para algumas
tags a abertura e o fechamento se dá na mesma tag. Tais tags contém comandos que não
necessitam de um conteúdo para serem processados, isto é, são tags de comandos
isolados, por exemplo, um pulo de linha é conseguido com a tag <br />.
HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar as
diferentes tags.
Você pode mostrar alguns exemplos?
OK, a tag <b> informa ao navegador que todo o texto colocado entre <b> e </b> deve
ser mostrado em negrito. (O comando "b" é uma abreviação para "bold" - negrito.)
Exemplo 1:
<b>Este texto deve ser em negrito.</b>
Vai ser apresentado no navegador, como mostrado a seguir:
Este texto deve ser em negrito.
As tags <h1>, <h2>, <h3>, <h4>, <h5> e <h6> informam ao navegador que trata-se de
um cabeçalho (h vem de "heading" - cabeçalho ), sendo <h1> o cabeçalho de primeiro
nível e aquele apresentado com o maior tamanho de texto, <h2> o cabeçalho de segundo
nível e aquele apresentado com tamanho de texto um pouco menor e <h6> o cabeçalho
de sexto nível e aquele apresentado com o menor tamanho de texto.
pf3
pf4
pf5

Pré-visualização parcial do texto

Baixe Introdução às Tags HTML: Suas Funções e Usos e outras Resumos em PDF para Informática, somente na Docsity!

Lição 3: O que são tags HTML?

Você já está em condições de aprender a chave do HTML - tags.

"Tags"?

Tags são rótulos usados para informar ao navegador como deve ser apresentado o website. Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">". Genericamente falando, existem dois tipos de tags - tags de abertura: e tags de fechamento: . A diferença entre elas é que na tag de fechamento existe um barra "/". Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag. Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para algumas tags a abertura e o fechamento se dá na mesma tag. Tais tags contém comandos que não necessitam de um conteúdo para serem processados, isto é, são tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a tag
. HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar as diferentes tags.

Você pode mostrar alguns exemplos?

OK, a tag informa ao navegador que todo o texto colocado entre e deve ser mostrado em negrito. (O comando "b" é uma abreviação para "bold" - negrito.) Exemplo 1: Este texto deve ser em negrito. Vai ser apresentado no navegador, como mostrado a seguir: Este texto deve ser em negrito. As tags

,

,

,

,

e
informam ao navegador que trata-se de um cabeçalho (h vem de "heading" - cabeçalho ), sendo

o cabeçalho de primeiro nível e aquele apresentado com o maior tamanho de texto,

o cabeçalho de segundo nível e aquele apresentado com tamanho de texto um pouco menor e

o cabeçalho de sexto nível e aquele apresentado com o menor tamanho de texto.

Exemplo 2:

Este é um título

Este é um sub título

Vai ser apresentado no navegador, como mostrado a seguir:

Este é um título

Este é um subtítulo

As tags devem ser escritas com letras maiúsculas ou

minúsculas?

Para a maioria dos navegadores é indiferente se você usa maiúscula, minúscula ou mesmo uma mistura delas., ou normalmente tem o mesmo efeito. Contudo a maneira correta é usar minúsculas. Então, crie o hábito de escrever suas tags com minúsculas.

Onde devo colocar todas estas tags?

Você deve escrever suas tags em um documento HTML. Um website é constituido por um ou mais documentos HTML. Quando você navega na Web, você está abrindo diferentes documentos HTML. Se você passar para a próxima lição, em dez minutos estará construindo seu primeiro website.

Lição 4: Criando seu primeiro website

Com o que você aprendeu nas lições anteriores está a alguns minutos de criar seu primeiro website.

Como?

Na lição 1 vimos o que é necessário para construir um website: um navegador e o Notepad (ou um editor de texto similar). Uma vez que você esta lendo esta página, provavelmente está com seu navegador aberto. Agora abra outra janela do seu navegador de modo que você tenha duas janelas na tela, uma para ler este tutorial e outra para visualizar o website que você vai construir.

digitando "" localizada a algumas linhas abaixo, assim você irá escrever seu documento entre as tags digitadas e . A próxima coisa que o documento precisa é um "head" (cabeça), que fornece informações sobre o documento e um "body" (corpo), que abriga o conteúdo do documento. Como HTML não seria nada se não fosse lógico, a "cabeça" ( e ) fica em cima do "corpo" ( e ). Seu documento agora está como mostrado abaixo:

Notar como estruturamos o código em linhas diferentes (usar a tecla Enter para

pular para próxima linha) e também a indentação (recuos) do código (usar a tecla Tab

para indentar). A príncipio não faz qualquer diferença a maneira como você estrutura (linhas e recuos na digitação) seu documento HTML. Mas um código bem estruturado é mais fácil de ler e entender, é altamente recomendado que você adote uma estrutura clara e nítida para seu HTML, usando linhas e indentação (recuos) , como mostrado no exemplo acima. Se o seu documento está como o mostrado acima, você construiu sua primeira página web - uma página particularmente chata e provalvelmente nada parecido com o que você sonhou fazer quando começou a ler este tutorial, mas de qualquer forma um tipo de website. Isto que você fez será um template base para seus futuros documentos HTML.

Até aqui tudo bem, mas como colocar conteúdo no meu

website?

Como você já aprendeu, seu documento HTML é composto de duas partes: um head e um body. Na seção head você escreve informações sobre a página e na seção body você coloca as informações que constituem a página. Por exemplo, para dar um título ao documento, título este que apareça no topo da barra do navegador você deverá usar a seção"head". A tag para acresentar um título é : <title>Minha primeira página web

Notar que o título não aparece na página propriamente dita. Tudo que você quer que apareça na página é conteúdo e deverá ser colocado entre as tags "body". Conforme combinamos, queremos uma página dizendo, "Hurrah! Esta é a minha primeira página web." Este é o texto que queremos comunicar e ele deverá ser colocado na seção body. Então digite na seção body o seguinte:

Hurrah! Esta é a minha primeira página web.

A letra p na tag

é a abreviatura para "paragraph" (parágrafo) que é exatamente o que o texto é - um texto parágrafo. Seu documento HTML agora está como mostrado a seguir: Minha primeira página web

Hurrah! Esta é a minha primeira página web.

Pronto! Você acaba de construir seu primeiro website!