Elementos básicos para internet
Artigo: Elementos básicos para internet. Pesquise 860.000+ trabalhos acadêmicosPor: admleal • 23/10/2014 • Artigo • 1.561 Palavras (7 Páginas) • 225 Visualizações
INTRNET
ELEMENTOS BÁSICOS PARA INTERNET
A internet está casa vez mais presente no nosso dia a dia conectando milhares de computadores e usuários em todo o mundo, as páginas localizadas na internet são construídas em uma linguagem chamada HTML.
A linguagem HTML (Hypertext Markup language), é uma linguagem utilizada para produzir páginas web. Foi criada por Tim Bernes-Lee, considerado o inventor e/ou pai da web.
O HTML é formado por uma sequência de comandos em texto puro, que podem ser escritos em um editor de texto, e que são interpretados pelo navegador. Quando acessamos uma página qualquer, o navegador lê o código HTML e exibe o layout correspondente.
Tudo que precisamos fazer é escrever os comandos corretos em um editor de texto, puro, como bloco de notas, salvar o arquivo em extensão .html ou .htm e pronto.
Quando o documento for aberto pelo navegador, será mostrada a página de acordo com os comandos escritos. O HTML trabalha muito bem também em conjunto com outras tecnologias, como Java Script e Css, que proporcionam páginas mais interativas e criativas.
AS TAGS HTML
Os comandos em HTML são chamados de TAGS, ou rótulos e eles irão dizer ao navegador como o texto, a informação e as imagens serão formatados e exibidos.
As tags hmtl são identificadas pelos símbolos <> (em uma tag de abertura) e </> (em uma tag de fechamento). Ou seja, quando você especifica uma tag de abertura para formatação de um bloco de texto, você deverá, também, especificar a tag de fechamento, logo no final desse bloco de texto. Portanto a maioria das tags são duplas.
O formato mais comum é o abaixo:
<nome da tag>...</nome da tag>
Atenção: as tags html não são casesensitive, ou seja, não são sensíveis a letras maiúsculas ou minúsculas, aceitam ambas.
ESTRUTURA BÁSICA DE UM COMANDO HTML
Uma página hmtl é dividida em 3 partes básicas: a estrutura principal, o cabeçalho e o corpo.
Estrutura em código:
<html>
<head>
...
</head>
<body>
...
</body>
<html>
Estas tags aparecem somente uma vez nos arquivos HTML
• A tag <HTML> situada no início do documento e a tag de fechamento </HTML>, localizada no final do documento, são usadas para delimitar o início e o fim da página.
• A tag <HEAD> contém o cabeçalho do documento html: é uma coleção não-ordenada de informações sobre o documento para fins de classificação e indexação.
• O corpo do documento é delimitado pelas tags <BODY> </BODY>. Ou seja, todo o conteúdo do documento deve estar localizado dentro dessas tags (incluindo imagens, textos e links).
TAGS E ATRIBUTOS
Um documento html pode ser formatado de várias maneiras. Você pode especificar cores ou imagens de fundo da página. Afinal, são estes detalhes que tornam a aparência de uma página mais interessante.
TAG META
A tag META é um elemento HTML que aparece n cabeçalho de um documento para definir o que está contido dentro dele. Ela identifica as meta-informações ou os dados sobre o conteúdo de um documento.
Esta tag é utilizada por motores de pesquisa, ou seja, os mecanismos de busca, para coletar informações sobre sites na web.
Atributos da tag META
• Name: indica um nome para a informação;
• HTTP-EQUIV: faz uma correspondência com campos de cabeçalho do protocolo http;
• CONTENT: especifica meta-informação para que seja associada com o primeiro nome ou cabeçalho de resposta http. O valor deste atributo depende do http-equiv.
Exemplo:
<meta http-equiv = “refresh” contente = “5”; url = http://www.politecararuama.com.br”>
ATRIBUTOS DA TAG BODY
• Bgcolor – cor de fundo da página = <body bgcolor = “cor”>
• Text – cor do texto do documento = <body text = “cor”>
• Link – cor do link do documento = < body link = “cor”>
• Vlink – cor do link visitado no documento = < body vlink = “cor”>
• Alink – cor do link ativo = < body alink = “cor”>
• Background – indica a cor ou a imagem de fundo = < body background = “cor ou url”>
• Bottommargin – especifica a margem inferior do documento = < body bottommargin = “pixels”>
• Topmargin – especifica a margem superior do documento = < body topmargin = “pixels”>
• leftmargin - especifica a margem esquerda do documento = < body leftmargin = “pixels”>
• rightmargin - especifica a margem direita do documento = < body rightmargin = “pixels”>
ex: < body bgcolor = “#FFFFFF” text = “#000000” link = “#3300CC” vlink = “#FF0000” alink = “#oo66CC” leftmargin = “15” topmargin = “15” rightmargin = “15” bottommargin = “15”>
TAG CABEÇALHO <H>
Esta tag é utilizada para formatar um bloco de texto como um cbeçalho dentro de um document.
A tag <h> disponibiliza seis níveis de cabeçalho, sendo o nível 1 o mais alto e maior e o nível 6 o mais baixo e menor.
Atributos:
Os tributos
...