Unidade III
Formata¸c˜
ao de textos, hipertextos, cabe¸calhos e cores
Sistemas para Internet Faculdades Integradas Vianna J´unior
Sum´
ario
1 Relembrando
2 Formata¸c˜ao de textos, hipertextos, cabe¸calhos e cores
Tags elementares de formata¸c˜ao de texto Outras tags de texto
3 Cabe¸calhos
4 Cores
5 Estrutura de Fonte
Relembrando
Novas tags; Atributos globais; Uso de IDEs; Boas pr´aticas: IIdenta¸
c˜
ao;
IValida¸
c˜
ao;
Formata¸c˜
ao B´
asica
O conte´udo importante de uma p´agina HTML fica dentro da tag <BODY>;
Se uma determinada tag n˜ao for fechada, toda propriedade que ela gera se aplicar´a ao texto (a partir de seu in´ıcio);
´
E bom escrever tags em letras mai´usculas, pois facilita a visualiza¸c˜ao e entendimento do c´odigo;
Par´
agrafo - <P>
Usado para troca de par´agrafos;
Negrito - <B>...</B> ou <STRONG>...</STRONG>
Usado para dar destaques ou coisas importantes; Uso de <B>
Tags elementares de formata¸c˜
ao de texto
It´
alico - <I>...</I> ou <EM>...</EM>
Geralmente usado em termos estrangeiros, ˆenfase ou novas palavras; <I>
<EM>
Sublinhado - <U>...</U> ou <INS>...</INS>
Grifar termos ou novas palavras; Uso de <U>
Pequenas impress˜
oes - <SMALL>...</SMALL>
Geralmente usado em informa¸c˜oes de Rodap´e;
Tachados - <S>...</S> ou <DEL>...</DEL>
Geralmente usado para desconsiderar informa¸c˜oes; Uso de <S>
Tags elementares de formata¸c˜
ao de texto
Marcar texto - <MARK>...</MARK>
marca¸c˜ao de texto para destacar;
Quebra de linha - <BR>...</BR>
Subscrito - <SUB>...</SUB>
texto subscritos;
Sobrescrito - <SUP>...</SUP>
textos sobrescritos;
Centralizar (descontinuado) - <CENTER>...</CENTER>
Tags elementares de formata¸c˜
ao de texto
Espa¸co - §nbsp
espa¸co no texto;
Coment´
arios - <!–...–>
Um c´odigo bem comentado ´e f´acil de entender;
M´
aquina de escrever (descontinuado) - <TT>...</TT>
Observa¸c˜
ao:
Outras tags de texto
<BLOCKQUOTE>...</BLOCKQUOTE>
Usada para cita¸c˜oes ou explica¸c˜oes longas;
<CITE>...</CITE>
Usada em cita¸c˜oes, mostrando a referˆencia completa ao passar o mouse; Para escrever a referˆencia completa usa-se o atributo title;
<ABBR>...</ABBR>
Usada em abrevia¸c˜oes;
Para escrever o nome completo da abrevia¸c˜ao usa-se o atributo title;
<DFN>...</DFN>
Cabe¸calhos
T´ıtulos, informa¸c˜oes importantes de p´aginas e documentos, destaques e etc; Tags para cabe¸calhos;
Elas variam de 6 (menor) at´e 1 (maior);
Muitas tags HTML aceitam atributos de cores;
Na maioria das vezes aparecem em formato hexadecimal; Por´em pode aparecer em formato nominal;
Cores
Hexadecimal
M´etodo RGB : R:XX G:XX B:XX; Cada X varia de 0 a F;
Representam de tons mais claros a tons mais escuros; Alguns exemplos:
IMPORTANTE: no HTML ´e mais comum o uso de CSS para a formata¸c˜ao de fontes, devido a tag ser descontinuada, por´em nesta unidade, a utilizaremos;
Atributos
Tamanho da Fonte:
I
<FONT SIZE=”X”>;
Estrutura de Fonte
Atributos
Tipo da Fonte:
I
<FONT FACE=”X”>;
I
Onde X varia podendo ser: Arial, Comic Sans, Calibri, Courier, Impact,
Georgia, Verdana e etc;
Cor:
I
<FONT COLOR=”X”>;
O conte´udo importante da p´agina se encontra dentro de <BODY>; Atributos que aceitam cores:
I
BGCOLOR: cor de fundo da p´
agina;
I
TEXT: cor do texto da p´
agina;
I
LINK: cor dos links da p´
agina;
Considera¸c˜
oes
Apesar de utilizarmos nessa Unidade algumas tags e atributos que foram descontinuados no HTML5, seu ensino a crit´erio de aprendizagem ´e importante. Mas a frente, muitos dos atributos que aqui usamos ser˜ao substitu´ıdos pelo CSS;
D´uvidas?
D´uvidas?
Fale agora ou silencie-se eternamente... Podemos prosseguir?
Unidade III
Formata¸c˜ao de textos, hipertextos, cabe¸calhos e cores
Sistemas para Internet Faculdades Integradas Vianna J´unior
