Curso de HTML/Fundamentos/Introdução/Uma rápida introdução ao HTML: diferenças entre revisões

Origem: Wikilivros, livros abertos por um mundo aberto.
[edição não verificada][edição não verificada]
Conteúdo apagado Conteúdo adicionado
X spager (discussão | contribs)
Sem resumo de edição
 
Linha 64: Linha 64:
|}
|}


====size====
====Size====
*relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local. (confuso!)
*relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local. (confuso!)
*nomeado: big small x-big
*nomeado: big small x-big


{{navegação|[[Curso Programação Web: HTML|HTML]]|[[Curso Programação Web: HTML|HTML]]|[[Curso Programação Web: HTML/Listas|Listas]]}}
{{navegação|[[Curso Programação Web: HTML|HTML]]|[[Curso Programação Web: HTML|HTML]]|[[Curso Programação Web: HTML/Listas|Listas]]}}

Categoria:Curso Programação Web|S]]

Revisão das 02h07min de 24 de junho de 2006

O que é uma tag?

Um documento HTML não é nada mais do que um arquivo de texto plano, quero dizer, somente letras e nada mais, escritas num arquivo. Então você me pergunta: como se faz para aumentar o tamanho da letra, colocar em negrito, itálico, mudar a cor, e todo tipo de coisa que vejo Internet? A respota é, que para isso usa se sequëncias de caracteres para indicar ao navegador que alguma parte do seu texto, não deve ser mostrada como o resto, que aquele pedaço, deve ser vermelho e em itálico, para aumentar a visibilidade e chamar atenção, o nome desta sequëncia de catacteres é chamada de tag(em Inglês significa marcação, dando sentido ao Markup(marcação) da sigla HTML), que sempre começão com o caracter <(menor que) e terminam com o >(maior que). Devido a isso, quando for nessesario inserir um destes caracteres numa página html, deve-se usar a notação &lt;(lower than - maior que) e &gt;(greter than - maior que), respectivamente, já que o que vier depois do < será entendido como uma tag, resultando em vários problemas ná apresentação do seu documento. A tag é um comando que diz como um texto será entendido, ou formatado pelo navegador. Existem dois tipos de tags, as como a tag <n> que marca um bloco de texto, em que é obrigatório haver uma marca dizendo onde termina a formatação, no caso, o negrito, sendo no caso desta tag </n>(repare na barra, que ocorre no fechamento de todas as tags que marcam um bloco); e as tags que terminam nela mesma, como a tag <br />, que indica um salto de linha, e não há nada mais a ser dito(repare no espaço e na barra no final, diferente do outro tipo de tag).


Segundo a W3C todas as tags devem ser escritas em minusculo



Estrutura básica de um documento HTML

Ficheiro:Html sample.svg

Veja acima, que todas as tags abertas, foram fechadas, o documento começa com a tag <html> e termina com o fechamento desta tag </html>. O fechamento de uma tag é representada pela /.

<html> - marca do início do documento HTML
<head> - início do cabeçalho
<title> - títlulo
<body> - corpo do documento
<p> - paragráfo
<br /> - salto de linha
<a> - link
<i> - itálico
<font> - fonte
<h1> - cabeçalho do texto de maior nível


Atributos das Tags

Quando uma tag possui um atributo, ele é inserido antes do > na abertura da tag, ou antes do espaço . <tag atributo="valor">texto</tag> ou <tag attributo="valor" />

font

color

O atributo color pode receber dois tipos de valores para representar cor:

  • Em RGB #abcdef:

Neste a cor é representada por um valor em hexadecimal que indica a cor no sistema RGB, ficando #abcdfe

  • Em cor nomeada:

Neste caso o valor e um nome de cor pré-definida

Black
#000000
Green
#008000
Silver
#C0C0C0
Lime
#00FF00
Gray
#808080
Olive
#808000
White
#FFFFFF
Yellow
#FFFF00
Navy
#000080
Maroon
#800000
Red
#FF0000
Blue
#0000FF>
Purple
#800080
Teal
#008080
Fuchsia
#FF00FF
Aqua
#00FFFF

Size

  • relativo: quando se utiliza os sinais de maior e menor para indicar que aquele texto deve ser maior x ou menor x que a fonte do local. (confuso!)
  • nomeado: big small x-big
acima: HTML
anterior: HTML | próximo: Listas

Categoria:Curso Programação Web|S]]