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 à Criação de Páginas Web: Tags HTML, Formatação e Imagens, Notas de estudo de Matérias técnicas

Saiba como utilizar tags html básicas, formatar texto e alinhar, trabalhar com cores, inserir imagens e criar hiperligações em suas páginas web. Aprenda a converter cores rgb em hexadecimal, definir atributos de cor e inserir imagens com a tag <img> e o atributo <alt>. Explore as principais tags da tabela, como <table>, <caption>, <tr>, <th> e <td>, e aprenda a definir suas propriedades.

Tipologia: Notas de estudo

2020

Compartilhado em 12/10/2020

tiago-santos-hot
tiago-santos-hot 🇧🇷

4.3

(10)

7 documentos

1 / 2

Toggle sidebar

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

Não perca as partes importantes!

bg1
1
TAGS HTML
<B> </B> - limita o texto a bold
<I> </I> limita o texto a itálico
<U> </U> limita o texto sublinhado
<S> </S> limita o texto riscado
Headings (títulos), 6 níveis
<H1> </H1> tamanho maior
<H2> </H2>
(…)
<H6> </H6> tamanho menor
Formatação de texto, alinhamento
<P ALING =CENTER></P> limita texto centrado
<P ALING =LEFT></P> limita texto formato à esquerda
Listas ordenadas
<OL> </OL> - limita lista numerada
Exemplo:
<ol>
<li>Primeiro item da lista</li>
<li>Segundo item da lista</li>
</ol>
cor HTML
Necessidade de converter os valores de RGB numa representação alfanumérica sistema
hexadecimal de forma a serem interpretados pelo browser.
Ex: RGB (228, 28, 71) = #E41C47
Definir atributos de cor
o Cor de fundo
<BGCOLOR=“#000000”> define a cor de fundo do documento (preto)
o Cor do texto
<BODY TEXT=“#FF0000”> </BODY> define a cor do texto de TODO o
documento (vermelho)
Inserir imagens
<IMG SRC=“FICHEIRO”>
<IMG SRC=“DIRECTÓRIO/FICHEIRO”> localização da imagem
pf2

Pré-visualização parcial do texto

Baixe Introdução à Criação de Páginas Web: Tags HTML, Formatação e Imagens e outras Notas de estudo em PDF para Matérias técnicas, somente na Docsity!

TAGS – HTML

- limita o texto a bold

limita o texto a itálico

limita o texto sublinhado

limita o texto riscado

Headings (títulos), 6 níveis

tamanho maior

(…)

tamanho menor

Formatação de texto, alinhamento

limita texto centrado

limita texto formato à esquerda

Listas ordenadas

  • limita lista numerada

Exemplo:

Primeiro item da lista Segundo item da lista

cor HTML

Necessidade de converter os valores de RGB numa representação alfanumérica sistema hexadecimal de forma a serem interpretados pelo browser.

Ex: RGB (228, 28, 71) = #E41C

 Definir atributos de cor o Cor de fundo  define a cor de fundo do documento (preto) o Cor do texto  define a cor do texto de TODO o documento (vermelho)

Inserir imagens

localização da imagem

Hiperligações

  1. Página na internet: a. ABRIR SITE Abola
  2. Ficheiro no mesmo diretório: a. TEXTO DO LINK
  3. Ficheiro noutro diretório: a. TEXTO DO LINK
  4. Link p/ envio de mail: a. TEXTO DO LINK
  5. Links a partir de imagens a.

Tag (Acessibilidade)

Permite incluir uma definição textual de uma imagem

Tag (Acessibilidade)

Pode ser utilizado em qualquer elemento da página, no entanto, não é necessário/obrigatório. Serve para descrever hiperligações, tabelas, linhas nas tabelas, etc.

<table title="notas finais da disciplina">

TABELAS

  1. Principais TAGS: o <TABLE> </TABLE> - limita a tabela o <CAPTION> </CAPTION> - limita o título da tabela o <TR> </TR> - limita uma linha da tabela o <TH> - abre o título de uma coluna o <TD> - abre o conteúdo de uma célula
  2. Dentro do tag <TABLE>:

o <BORDER> bordo da tabela o <WIDTH> define a largura da tabela (em pixels ou em percentagem) o <CELLPADDING> define a distância (pixels) entre os dados e o border da tabela o <CELLSPACING> define a distância (pixels) entre células

  1. Dentro do tag <TH> ou <TD> o <COLSPAN> define quantas colunas cada célula ocupa o <RO WSPAN> define quantas linhas cada célula ocupa o align: define o alinhamento horizontal do conteúdo da tabela, de uma linha ou de uma célula. Por exemplo, left, centre ou right (à esquerda, no centro ou à direita). o valign: define o alinhamento vertical do conteúdo de uma célula. Por exemplo, top, middle ou bottom (em cima, no meio ou em baixo).