O que é html e para que serve e como funciona



O que é html, e para que serve o html e como funciona o html? Com HTML você pode criar seu próprio Web site usando muitos recursos do html. Este tutorial ensina tudo sobre HTML.
HTML é fácil de aprender - Você vai se divertir.

O que é HTML?

HTML é uma linguagem para descrever as páginas web.

    * HTML significa Hyper Text Markup Language
    * HTML não é uma linguagem de programação, é uma linguagem de marcação
    * A linguagem de marcação é um conjunto de tags de marcação
    * HTML usa etiquetas de marcação para descrever as páginas da web


Tags HTML

Tags de marcação HTML são normalmente chamados tags HTML

    * HTML tags são palavras-chave cercado por colchetes como <html>
    * Tags HTML normalmente vêm em pares como <b> e </ b>
    * A primeira tag em um par é a tag de início, a marca é a segunda marca de fim
    * Iniciar tags são também chamadas de tags de abertura e fechamento



Examples Exemplos

HTML links
Este exemplo demonstra como criar links em um documento HTML.

Abrir um link em uma nova janela do navegador
Este exemplo demonstra como link para outra página, abrindo uma nova janela, para que o visitante não tem que deixar seu site.



Hyperlinks, âncoras e Links

Em termos de web, um hiperlink é uma referência (um endereço) a um recurso na web.

Os hiperlinks podem apontar para qualquer recurso na Internet: uma página HTML, uma imagem, um arquivo de som, um filme, etc

Uma âncora é um termo usado para definir um destino de hiperlink dentro de um docume

O elemento âncora HTML <a>, é usado para definir os hiperlinks e âncoras.

Nós usaremos o termo HTML link quando os pontos <a> elemento a um recurso, eo termo âncora HTML quando os elementos <a> define um endereço dentro de um documento.


HTML Link

Link syntax:

<a href="url">Link text</a>

A Tag de início contém atributos sobre o link.

O conteúdo do elemento (texto Link) define a peça a ser exibida.

Nota: O conteúdo do elemento não tem que ser texto. Você pode ligar a partir de uma imagem ou qualquer outro elemento HTML.


O atributo href

O atributo href  define o link "address".

Esta <a> elemento define um link para internet:

<a href="http://www.internet.log7.net/">Visite Internet.log7.net!</a>

O Link exibido no seu navegador ficara assim:

Visite Internet.log7.net!


O atributo target

O atributo target define onde o documento vinculado será aberto.

O código abaixo irá abrir o documento em uma nova janela do navegador:
Exemplo

Exemplo

<a href="http://http://www.internet.log7.net/"
target="_blank">Visite internet.log7.net/</a>



O nome de atributo

Quando o atributo nome é usado, o <a> elemento define uma âncora dentro de um documento HTML.

Âncora não é exibido em qualquer forma especial. Ela é invisível para o leitor.

Sintaxe âncora:
<a name="label"> Qualquer conteúdo </ a>

A sintaxe do link a uma âncora com nome:
<a href="#label"> Qualquer conteúdo </ a>

O # no atributo href define um link para uma âncora.

Exemplo:

A âncora dentro de um documento HTML:
<a name="tips"> Seção Dicas úteis </ a>

Um link para a Seção Dicas úteis a partir do mesmo documento:
<a href="#tips">
Ir para a Seção Dicas úteis </ a>

Um link para a Seção Dicas úteis de outro documento:
<a href="http://www.internet.log7.net//html_tutorial.htm#tips">
Ir para a Seção Dicas úteis </ a>



Notas básicas - Dicas úteis

Sempre adicione uma barra de referências a subpasta. Se você gosta deste link: href = "http://www.internet.log7.net/html", você irá gerar dois pedidos de HTTP para o servidor, porque o servidor irá adicionar uma barra para o endereço e criar um novo pedido como este: href = "http://www.internet.log7.net/html/"

Âncoras nomeadas são frequentemente utilizadas para criar "tabela de conteúdo", no início de um documento grande. Cada capítulo do documento, é dada a uma âncora, e links para cada uma das âncoras são colocados na parte superior do documento.

Se um navegador não consegue encontrar uma âncora que tenha sido especificado, ele vai para o topo do documento. Nenhum erro ocorre.
Examples

Mais Exemplos

Uma imagem como um link

Este exemplo demonstra como usar uma imagem como um link.

Link para um local na mesma página

Link para um local na mesma página

Ruptura de fora de um quadro

Este exemplo demonstra como sair de um quadro, se o site é bloqueado em um quadro.

Crear um mailto link

Este exemplo demonstra como criar um link para uma mensagem de email (só irá funcionar se você tiver instalado mail).



Link Tags

TagDescrição
<a>Define a Ancora