HTML 4.0 é a linguagem de execução de páginas para a Internet recomendada desde dezembro de 1977 pelo organismo internacional W3C que orienta e regula o funcionamento da Internet. Este organismo inclusive oferece um serviço de verificação dos códigos usados em html, validando a página como corretamente elaborada ou não, o site está em inglês: W3C Html Validation Service. Toda página criada deve ser analisada se as tags foram corretamente digitadas, para não correr o risco de sair prejudicada sua visualização na Internet.
Html é um acrônimo para high text markup language, que se pode traduzir em português como linguagem com estrutura de texto elevada. No início da Internet usava-se uma linguagem plain text, isto é, as páginas permitiam apenas visualisar-se texto como que digitado em uma máquina de escrever, mas a linguagem atual high text permite visualisar-se imagens e ouvir sons e executar aplicativos ("scripts") que permitem o uso da Internet em aparelhos celulares e em computadores instalados no painel de automóveis.
A linguagem html 4.0 inovou a linguagem anteriormente usada ao permitir, por exemplo, a utilização de frames, que são janelas que se abrem com novas páginas, sendo que esta nova janela pode estar inserida num certo local dentro da janela atualmente em uso, ou abrir-se sobre a janela atual, em suma, abrir múltiplas janelas facilita a navegação pelo internauta. A linguagem html 4.0 tanto facilitou a vida do visitante como também a vida de quem cria páginas, com a possibilidade de com o uso de alguns comandos contidos em tags poder-se alterar a aparência de várias partes da página, isto através do uso de style sheets, folhas de estilo.
Enquanto a versão anterior de html estava restrita aos caracteres da ISO-8859-1, contendo apenas caracteres presentes nas línguas do ocidente, html 4.0 usa os caracteres definidos na Universal Character Set, que contém caracteres da maioria das línguas usadas no mundo, tornando a Internet verdadeiramente universal.
ir para o topo
Tag são comandos para os navegadores executarem um documento html. Uma tag inicia-se sempre pelo sinal "<" ou "</" e termina sempre pelo sinal ">". Por exemplo, a tag para executar um sublinhado na palavra Brasil:
Note que a tag sempre vem aos pares, a tag inicial aparenta ser como < > e a tag de encerramento aparenta ser como </ >. Para executar um sublinhado, o atributo que compõe a tag é a letra U, portanto deve-se colocar a tag inicial <U> antes da palavra (ou frase) a ser sublinhada, e a tag de encerramento </U> após a palavra a ser sublinhada. Veja detalhadamente:
Você viu que a tag para executar um sublinhado é do tipo uma única letra (a letra U), mas existem tags que são uma ou mais palavras.
Veja o efeito da tag STRONG:
Vou lhe mostrar uma tag composta de vários elementos, P ALIGN="", esta tag executa um novo parágrafo e alinha o texto na tela, sendo que entre as aspas os valores possíveis são LEFT, CENTER, RIGHT, vou dar um exemplo usando right (alinhar o texto à direita da tela):
Esta tag tem 2 elementos, a saber, o elemento P e o elemento ALIGN, veja o efeito correspondente:
Dei exemplos de tags que causam algum efeito visual, evidentemente nem todas as tags exercem uma função que resulta em algo visível para o internauta. E como em tudo na vida há excessões, em html também há excessões. Algumas tags não precisam da tag de fechamento, portanto não vêm aos pares, por exemplo a tag <BR>, que executa mudança de linha. A tag <BR> não exige a tag de fechamento </BR>.
As tags na linguagem html são utilizadas para sinalizar ao navegador uma certa função/instrução. Você sabe que há uma tag por ver o caractere matemático menor (<) e o caractere matemático maior (>). As tags geralmente vem aos pares, exemplo: <TITLE> e </TITLE> para iniciar e fechar uma instrução. Você notou que para enunciar uma instrução as tags são iguais, só diferenciando que na tag de fechamento ela é precedida por uma barra (/).
Algumas dessas tags incluem vários elementos, que gerarão uma informação adicional. Por exemplo, você pode incluir dentro da tag uma preferência sobre alinhamento (alinhar no alto, alinhar no meio, alinhar embaixo), usando um código apropriado para tal.
As tags não são sensíveis a minúsculo/maiúsculo, portanto você pode digitar tudo minúsculo ou tudo maiúsculo, ou misto. Exemplificando, <title> é equivalente a <TITLE> ou a <TiTlE>. Mas há exceções, poucas, que você tomará conhecimento mais tarde. Eu diria que você deve preferir todas as tags em minúsculo.
Nem todas as tags são suportadas pelos navegadores. Se um navegador não suporta (entende) uma tag, ele simplesmente ignora ela. Contudo se a tag estiver dando alguma instrução a um texto, o texto será exibido, mas sem nenhuma especificação definida pela tag para este texto.
Agora que você entendeu o que vem a ser tag e a importância do seu uso em html, você vai ficar em contato com elas o tempo todo a partir de agora.
Caracteres especiais como letras gregas ("β") para indicação de ângulo, o indicador de parágrafo ("§") num texto de uma lei, o símbolo físico para micro ("µ"), a medida três-quartos ("¾"), ou qualquer outro símbolo não comum ou não encontrado em um teclado, a linguagem html dispõe do recurso das entidades. A digitação de uma entidade leva em conta maiúsculo e minúsculo, por exemplo, a letra grega beta minúsculo é denotada pela entidade β enquanto a entidade para a letra grega beta maiúsculo é Β.
Uma entidade muito útil é a que denota espaçamento horizontal: pelo fato de que em html entre uma palavra e outra só é permitida a separação horizontal com um espaço. Digamos que você queira que entre as palavras HOMENS QUENTES exista um espaçamento horizontal maior do que um único espaço, você poderia supor que basta acionar várias vezes a tecla de espaço no seu teclado. Em html isto resulta em apenas um espaço, isto mesmo, mesmo que você acione repetidamente a barra de espaços entre as palavras, o resultado é apenas um espaço. Para forçar a separação horizontal você precisa usar a entidade tantas vezes quanto desejado. Exemplo:
Não estão aqui todas as tags e entidades existentes, dê apenas uma olhada e não se preocupe que em breve você entenderá e dominará seu uso.
Entende-se por fontes a tipografia de um caractere, ou seja, a aparência de uma letra. Cada computador vem com certa quantidade de fontes instaladas, se você quiser saber quais existem no seu computador, no windows clique em iniciar - configurações - painel de controle - fontes. Quando você cria um site no seu computador você escolhe entre as fontes disponibilizadas no seu computador, mas nada garante que quem visitará o seu site na Internet tenha as mesmas fontes que você escolheu para o texto do seu site.
O que eu quero dizer é que ao criar um site você deve escolher como fontes para o texto a arial, helvetica, swiss, tahoma, times, verdana. Isto porque todos os computadores tem em comum estas fontes, assim sendo, sua página será uniformemente visualisada por todos. Se você criar seu site com uma fonte do tipo garamond e o visitante não tem esta fonte instalada, o navegador do internauta substituirá esta fonte garamond por outra existente no computador a fim de que possa ser visualizada a página. Quando isto acontece, não há nenhuma garantia que a aparência do seu site se manterá do jeito que você o criou.
A tag para fonte é <FONT>...</FONT> porém ela exige a presença de alguns atributos para causar determinados efeitos no caractere. Estes atributos são SIZE=" ", COLOR=" " e FACE=" ", podendo-se colocar um ou outro ou todos os atributos.
O tamanho do caractere, medido em pixels, as possibilidades são: 1, 2, 3, 4, 5, 6, 7. Se o atributo size não for especificado será automaticamente adotado o valor 3. Existe a possibilidade de escolha dos valores negativos como -4, -3, -2, -1 para tornar o caractere cada vez menor, bem como valores positivos tais como +1, +2, +3, +4, mas deve-se evitar estes valores devido a incerteza de que os navegadores entenderão e executarão atributo.
Este atributo define uma cor para o caractere, a notação é hexadecimal iniciando-se com o símbolo "#" seguido de três pares de números/letras, o primeiro par refere-se a um tom de vermelho, o segundo par a um tom de verde e o terceiro par a um tom de azul.
Basta escrever o nome da fonte entre as aspas, por exemplo arial. Pode-se escrever mais de um nome de fonte separando-as por vírgulas e sem dar espaços, desse jeito: arial, verdana,tahoma. Isto implicará na escolha da segunda fonte se o computador do internauta visitante do seu site não tiver a primeira fonte (arial), e na terceira fonte se ele não tiver as duas anteriores. Veja os exemplos abaixo:
Dar um sublinhado em um texto, dar o efeito de negrito em uma palavra para torná-la diferenciada, colocar o efeito de itálico em uma frase para distingüi-la como uma citação de terceiros, etc.
Um tipo de fonte pré-definida em html é o cabeçalho, que altera unicamente o tamanho da fonte, não tendo qualquer influência sobre a cor e a família (aspecto tipográfico). O tamanho varia de 1 até 6, sendo 1 o tamanho maior e 6 o tamanho menor.
Seu uso destina-se a alterar o tamanho de títulos e sub-tíitulos, ou seja, o tamanho de cabeçalhos de textos contendo subdivisões. Veja o exemplo a seguir:
Note que começou com H2, de forma que deve-se seguir a seqüência e fazer o próximo cabeçalho como H3 ou H4 ou H5 ou H6, de forma que o título vá de tamanhos maiores para menores. Pode-se "pular" de, por exemplo, H2 para H4, mas nunca retornar a um tamanho maior de fonte, como seria em H2 para H1.