Você está na página 1de 10

Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado.

Este material pode ser protegido por direitos


autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

ESTRUTURA 14
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Como páginas usam


Estrutura

Pense sobre as histórias que você leu em A estrutura é muito semelhante, quando Agora pense sobre um tipo muito diferente de

um jornal: para cada história, haverá um uma notícia é visto on-line (embora documento - uma forma de seguro. formulários de

título, algum texto e, possivelmente, também possa recurso de áudio ou seguro, muitas vezes têm títulos para seções

algumas imagens. Se o artigo é um longo vídeo). Isto é ilustrado na direita com diferentes, e cada seção contém uma lista de

pedaço, pode haver subtítulos que dividir a uma cópia de um jornal ao lado do perguntas com áreas para que você preencha os

história em seções separadas ou citações artigo correspondente em seu site. detalhes ou caixas de seleção para carrapato. Mais

de pessoas envolvidas. Estrutura ajuda os uma vez, a estrutura é muito semelhante online.

leitores a entender as histórias no jornal.

15 ESTRUTURA
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

ESTRUTURA 16
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

documentos do Word
estruturação

O uso de títulos e subtítulos em qualquer Isso pode ser aumentada subtítulos sob À direita, você pode ver um simples
documento muitas vezes reflete uma mais abaixo na página. Ao usar um documento no Microsoft Word. Os estilos
hierarquia de informações. Por exemplo, processador de texto para criar um diferentes para o documento, tais como
um documento pode começar com um documento, nós separar o texto para diferentes níveis de título, são mostrados na
grande título, seguido por uma introdução dar-lhe estrutura. Cada tópico pode ter caixa suspensa. Se você usa regularmente
ou a informação mais importante. um novo parágrafo, e cada seção pode Word, você pode ter também usou a barra
ter um título para descrever o que ele de formatação ou paleta para fazer isso.
cobre.

17 ESTRUTURA
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

ESTRUTURA 18
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Na página anterior, você viu como a estrutura

foi adicionado a um documento do Word para

torná-lo mais fácil de entender. Nós usamos a

estrutura da mesma forma ao escrever páginas

da web.

19 ESTRUTURA
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Html descreve a estrutura

de páginas

Na janela do navegador, você pode ver uma página web que apresenta exatamente o mesmo conteúdo que o

documento do Word que você conheceu na página 18. Para descrever a estrutura de uma página web, podemos

adicionar código para as palavras que deseja que apareçam na página.

Você pode ver o código HTML para esta página abaixo. Não se preocupe com o que o código significa

ainda. Começamos a olhar para ele com mais detalhes na próxima página. Note que o código HTML é

em azul, eo texto que você vê na tela é em preto.

<Html>
<Body>
<H1> Este é o ponto principal </ h1> <p> Este texto pode ser uma introdução para o resto
do
a página. E se a página é longa, pode ser dividido em vários sub-rubricas. < p>
<h2> Esta é uma sub-rubrica </ h2> <p> Muitos artigos longos têm sub-títulos de modo
a ajudar

você seguir a estrutura do que está sendo escrito. Pode ainda ser sub-sub-posições
(ou posições de nível inferior). </ p> <h2> Outra sub-rubrica </ h2> <p> Aqui você pode ver
uma outra sub-rubrica. </ p> </ body> </ html>

O código HTML (em azul) é composto de personagens que vivem dentro de colchetes angulares -
estes são chamados HTML elementos. Os elementos são normalmente feitas de dois Tag: uma marca
de abertura e uma etiqueta de fecho. (O tag de fechamento tem uma barra extra nele.) Cada elemento
HTML informa ao navegador algo sobre a informação que fica entre a sua abertura e fechamento.

ESTRUTURA 20
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Html utiliza elementos para


descrever a estrutura de páginas

Vamos olhar mais de perto o código da última página. Há vários


elementos diferentes. Cada elemento tem uma marca de abertura e
uma etiqueta de fecho.

Código

<Html>

<Body>

<H1> Este é o ponto principal </ H1>

<P> Este texto pode ser uma introdução para o resto do


a página. E se a página é longa, pode ser dividido em vários sub-rubricas. <P>

<H2> Esta é uma sub-rubrica </ H2>

<P> Muitos artigos longos têm sub-títulos de modo a ajudar


você seguir a estrutura do que está sendo escrito. Pode ainda ser
sub-sub-posições (ou posições de nível inferior). </ P>

<H2> Outra sub-rubrica </ H2>

<P> Aqui você pode ver uma outra sub-rubrica. </ P>

</ Body>

</ Html>

21 ESTRUTURA
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Etiquetas agir como recipientes. Eles lhe dizer algo


sobre a informação que se encontra entre a sua
abertura e fechamento.

descrição

A abertura < html> tag indica que qualquer coisa entre ele e um fechamento </ html> tag é o código HTML.

o < body> tag indica que alguma coisa entre ele e o fechamento
</ Body> tag deve ser mostrado dentro da janela principal do navegador.

palavras entre < h1> e </ h1> é um título principal.

Um parágrafo de texto aparece entre estes < p> e </ p> Tag.

palavras entre < h2> e </ h2> formar uma sub-título.

Aqui é outro parágrafo entre a abertura < p> e fechamento </ p> Tag.

Outra sub-posição dentro < h2> e </ h2> Tag.

Outro parágrafo dentro < p> e </ p> Tag.

o fechamento </ body> tag indica o fim do que deve aparecer na janela principal do navegador.

o fechamento </ html> tag indica que é o fim do código HTML.

ESTRUTURA 22
Impresso por Guilherme Rodriguéz, CPF 055.337.650-00 para uso pessoal e privado. Este material pode ser protegido por direitos
autorais e não pode ser reproduzido ou repassado para terceiros. 03/05/2021 22:43:13

Um olhar mais atento tags

Personagem

<p> suporte de ângulo esquerdo


(Sinal de menor)
suporte em ângulo reto
(Mais do que sinal)

tag de abertura

Os caracteres entre parênteses indicam Por exemplo, nas tags acima do p significa A tag de fechamento tem uma barra
o propósito da tag. parágrafo. após o símbolo <.

23 ESTRUTURA

Você também pode gostar