Elementos Básicos Os tags ou elementos, são marcas padrões utilizadas para fazer todas as indicações nescessárias ao browser. Estas marcas são digitadas dentro do documento da mesma forma que o conteúdo a ser exibido. Por exemplo:
&60CENTER>conteúdo&60/CENTER> indica que a palavra conteúdo deve ser apresentada centralizada na linha, e o elemento

indica o início de novo parágrafo.
Por definição, os elementos são delimitados pelos sinais "&60" e "&62", sendo indicada a utilização de letras maiúsculas apenas para facilitar a visualização, uma vez que o uso de minúsculas é igualmente aceito pelos browsers.
Os elementos, em sua maioria, são do tipo início-fim, ou seja, trabalham em pares, delimitando um determinado conteúdo.Neste caso, a marca de fim é idêntica à marca de início, sendo precedida sempre por barra ("/"). É o caso das marcas

.
Outros elementos são "solitários", ou seja, não precisam de complemento. Basta um único elemento para fazer a indicaçã. É o caso da marca &60P>. Mãos `a Obra!!! É recomendável que se utilize o Bloco de notas do windows para se escrever as HomePages.
Não use o Word, poi este adiciona algumas informações invisíveis no documento que podem estragar sua homepage (tais informações aparecem na página).
Escreva o código e então salve o arquivo como "nome.htm". A página principal, a primeira que deverá aparecer deve ter o nome de "index.htm" . Estrutura Básica. A estrutura básica de um documento HTML é a seguinte:

Título do Documento

...

Vamos ver rapidamente um pouco sobre estes elementos básicos.

- Indicam, respectivamente, o início e o fim do documento. Todo o resto deve estar entre estas marcas.
- Delimitam a seção de cabeçalho do documento. Trata-se da primeira seção do documento.
- indicam o título do documento, que será apresentado na barra superior do browser. estas marcas devem constar da seção de cabeçalho .
- Corpo da página. Entre essas marcas estará contido a maior parte do conteúdo a ser apresentado, textos, imagens, etc.
Esta estrutura inicial é bem simples. No entanto, vamos aproveitá-la para chamar a atenção para alguns detalhes importantes.

    - Todas as marcas são do tipo início-fim, ou seja, funcionam em pares.
    - Em cada documento HTML só deve haver uma marca de cada tipo das que foram apresentadas até agora.
    - Existe uma ordem seqüencial lógica entre as marcas.
    Estes detalhes devem ser observados, pois desrespeitá-los pode fazer com que o browser não consiga apresentar o documento, ou que o documento possa ser apresentado com falhas.
    Como o documento HTML não é uma linguagem de programação, você numca será avisado de erros que tenha cometido na edeição do seu documento. O simples esquecimento de uma barra pode gerar efeitos colaterais inesperados na visualização de uma página, e estes efeitos colaterais serão o único sinal de que há algo errado.

Meu Primeiro HTML     O que foi feito?Digitamos um texto ou copiamos de algum lugar, inserimos os elementos básicos, determinamos um título entre , cuidamos para que o texto estivesse entre , e salvamos no formato TXT, como o nome de "primeiro.htm".
    Visualizando o documento no browser, temos algo muito simples, onde sequer há parágrafos bem definidos. Veja o código:

Meu primeiro HTML

OI! Tudo bem???
    O que foi feito?Digitamos um texto ou copiamos de algum lugar, inserimos os elementos básicos, determinamos um título entre , cuidamos para que o texto estivesse entre , e salvamos no formato TXT, como o nome de "primeiro.htm".
    Visualizando o documento no browser, temos algo muito simples, onde sequer há parágrafos bem definidos.

Veja aqui como ficou: EXEMPLO 1

Títulos e Subtítulos O destaque para títulos e seubtítulos na sua página é importante, pois dá ao visitante uma visão geral sobre o que trata o text em questão, e portanto a chance de escolher ler ou não.
Podemos utilizar até seis níveis de títulos, ou "headings", que são numerados de 1 (o maior) a 6 (o menor).
São elementos do tipo início-fim.

.
.
.

Formatação de Textos Como vc percebeu nos exemplos acima, até a quebra de linha (ou parágrafo) deverá ser indicada através de marcas específicas, pois aquele ENTER tradicional que vc tecla em seus documentos Word, não são entendidos por esta linguagem. Note ainda que eventualmente há mais de um tipo de marca com a mesma função.
ou - Indica que o texto contido deve ser apresentado em negrito.
ou ou - Indica texto em itálico.

- Indica término de parágrafo e determina que seja deixada uma linha em branco antes do início do próximo parágrafo.

Quebra de linha. ao contrário do sinal de parágrafo, não é deixada linha em branco antes da próxima.
Tanto

como
são sinais solitários, ou seja, não possuem complemento ou fechamento.

Linhas Horizontais Linhas horizontais são utilizadas para dar destaque a títulos ou para gerar a sensação de quebra entre um item de informação e outro. Trata-se também de uma marca solitária, que pode ser utilizada com alguns atributos opcionais.

ou sem qualquer atributo

No exemplo, o atributo SIZE indica que deve ser apresentada uma linha com 8 pixels de espessura, enquanto o atributo WIDTH indica que a linha deve ocupar 80% da largura da janela do browser.
Imagens Associadas a documentos HTML, são utilizadas imagens do tipo LPEG ou GIF. Para que uma imagem seja apresentada em um documento HTML, é necessário somente fazer uma referência ao nome do arquivo da imagem, através do elmento:

    Caso a imagem esteja em um diretório diferento do documento HTML, o nome do diretório deve ser incluído nessa referência. Links de Hipertexto      O elemento de link faz exatamente o que todos os outros fazem. A diferença é que ele comtém um endereço para outra página. O tipo mais simples é quando a página apontada está armazenada no mesmo diretório que a corrente.
Link para página 2
    O browser geralmente apresenta os links em azul e sublinhados. Quando o leitor clicar neste texto, ele carregará pagina2.html.
    Se a página a ser carregada se encontrar em outro diretório, vc deverá incluir o nome do diretório na referência.
    Com a mesma facilidade com que você constrói um link para uma página na sua própria máquina, você pode fazer o mesmo par uma página em qualquer lugar do mundo.
IceCool®'s Cave
    Veja o código:

Teste 2

Teste 2

Este é o teste número 1

Este é um parágrafo

Pulo linha.

LINK

Veja como ficou: EXEMPLO 2

Onde colocar sua homepage: Geocities - www.oocities.org Atualmente oferece 11mb de espaço par sua homepage. De graça.
O único defeito é que é tudo em inglês. Anterior VOLTAR Próxima