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


Html Básico com algumas tags, Notas de aula de Web Design e Desenvolvimento

Estrutura básica do Html e suas principais tags...

Tipologia: Notas de aula

2020

Compartilhado em 06/04/2020

cleycom-maichel
cleycom-maichel 🇧🇷

1 documento

1 / 5

Toggle sidebar

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

Não perca as partes importantes!

bg1
HTML - Documento básico e seus componentes
A estrutura de um documento HTML apresenta os seguintes componentes:
<HTML>
<HEAD><TITLE>Titulo do Documento</TITLE></HEAD>
<BODY>
texto, imagem, links, ...
</BODY>
</HTML>
As etiquetas HTML não são sensíveis à caixa. Traduzindo: tanto faz escrever <HTML>, <Html>,
<html>, <HtMl>, ...
Os documentos se dividem em duas seções principais:
O elemento <HTML>...</HTML> marca o início e o final do documento HTML. Deve conter duas sub-
estruturas distintas: o cabeçalho, delimitado por <HEAD> e </HEAD>, e o corpo do documento, entre os rótulos
<BODY> e </BODY>.
<TITLE> é o único elemento obrigatório do bloco do cabeçalho. Deve conter o título do documento que
aparece geralmente, fora da página, na barra de título do browser (navegador).
3.Atributos de <BODY>
Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas,
bem como uma imagem de fundo (marca d’água):
<BODY BGCOLOR="BLUE" TEXT="WHITE" LINK="YELLOW" ALINK="GREEN" VLINK="RED"
BACKGROUND="figura_de_fundo.jpg">
onde:
BGCOLOR : cor de fundo (quando não é indicada, o browser irá mostrar uma cor padrão, geralmente o
cinza ou branco; alguns editores poderão estabelecer o branco para o fundo da página)
TEXT : cor dos textos da página (padrão: preto)
LINK : cor dos links (padrão: azul)
"Se não existe esforço, não existe progresso" (Frederick Douglas)
pf3
pf4
pf5

Pré-visualização parcial do texto

Baixe Html Básico com algumas tags e outras Notas de aula em PDF para Web Design e Desenvolvimento, somente na Docsity!

HTML - Documento básico e seus componentes

A estrutura de um documento HTML apresenta os seguintes componentes:

Titulo do Documento

texto, imagem, links, ...

As etiquetas HTML não são sensíveis à caixa. Traduzindo: tanto faz escrever , , , , ... Os documentos se dividem em duas seções principais:

O elemento ... marca o início e o final do documento HTML. Deve conter duas sub-

estruturas distintas: o cabeçalho, delimitado por e , e o corpo do documento , entre os rótulos

e .

é o único elemento obrigatório do bloco do cabeçalho. Deve conter o título do documento que

aparece geralmente, fora da página, na barra de título do browser (navegador).

3.Atributos de <BODY> Através de atributos de <BODY>, podemos definir cores para os textos, links e para o fundo das páginas, bem como uma imagem de fundo (marca d’água): <BODY BGCOLOR= "BLUE" TEXT= "WHITE" LINK= "YELLOW" ALINK= "GREEN" VLINK= "RED" BACKGROUND= "figura_de_fundo.jpg"> onde: BGCOLOR : cor de fundo (quando não é indicada, o browser irá mostrar uma cor padrão, geralmente o cinza ou branco; alguns editores poderão estabelecer o branco para o fundo da página) TEXT : cor dos textos da página (padrão: preto) LINK : cor dos links (padrão: azul)

ALINK : cor dos links, quando acionados (padrão: vermelho) VLINK : cor dos links, depois de visitados (padrão: azul escuro ou roxo) BACKGROUND : indica o URL da imagem a ser replicada no fundo da página (define a imagem de fundo).

4.Cabeçalhos

Há seis níveis de cabeçalhos em HTML, de **** a **** : Este é um cabeçalho de nível 1Este é um cabeçalho de nível 2 Este é um cabeçalho de nível 3Este é um cabeçalho de nível 4 Este é um cabeçalho de nível 5Este é um cabeçalho de nível 6 Alinhamento Os cabeçalhos têm atributos de alinhamento: Cabeçalho centralizado

Cabeçalho centralizado

Cabeçalho alinhado à direita

Cabeçalho alinhado à direita

Cabeçalho alinhado à esquerda (default)

Cabeçalho alinhado à esquerda (padrão)

5.Separadores

Quebra de linha Quando queremos mudar de linha, usamos o elemento
. Isso só é necessário quando queremos uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos.

Assim, um trecho de texto pode ter uma cor diferente da definição geral de cores, feita através dos atributos de . Tamanho A formatação Texto permite que o autor do documento altere o tamanho das letras em trechos específicos de texto. O tamanho básico dos textos é 3. Podemos indicar tamanhos relativos a esse, por exemplo: Letra maior Letra normal Letra menor

Letra maior Letra normal Letra menor

Fontes Uma evolução que permite a escolha da fonte para os textos, é o atributo FACE: Texto Por exemplo: Fonte Verdana azul Fonte Verdana azul Fonte Arial verde Fonte Arial verde

8.Inserção de imagens

O elemento IMG insere imagens que são apresentadas junto com os textos. Um atributo SRC deve estar presente, da seguinte forma:

Exemplo: