HTML

**rap_** · 19 de Maio 2006

HTML, Conceitos

A linguagem de formataÃÆ’ÂÂ§ÃÆ’ÂÂ£o das pÃÆ’ÂÂ¡ginas Web

A criaÃÆ’ÂÂ§ÃÆ’ÂÂ£o de uma home page na Internet ÃÆ’ÂÂ© prÃÆ’ÂÂ¡tica cada vez mais freqÃÆ’ÂÂ¼ente entre empresas que precisam divulgar sua

imagem e seus produtos e entre pessoas que desejam compartilhar seus interesses som outras. Elaborar uma pÃÆ’ÂÂ¡gina ÃÆ’ÂÂ© uma tarefa

bem mais simples do que se imagina. Esta apostila mostrarÃÆ’ÂÂ¡ os passos e os comandos de linguagem HTML necessÃÆ’ÂÂ¡rio para

criar uma pÃÆ’ÂÂ¡gina completa, com imagens, tabelas e links para outras pÃÆ’ÂÂ¡ginas de rede.

Como criar um pÃÆ’ÂÂ¡gina Web

Uma pÃÆ’ÂÂ¡gina da Web ÃÆ’ÂÂ© composta de textos e comandos especiais (tags) de uma linguagem de programaÃÆ’ÂÂ§ÃÆ’ÂÂ£o chamada

HTML, abreviaÃÆ’ÂÂ§ÃÆ’ÂÂ£o de Hiper Text Markup Language. Ela ÃÆ’ÂÂ© bastante simples e tem como finalidade bÃÆ’ÂÂ¡sica formatar o texto

exibido e criar ligaÃÆ’ÂÂ§ÃÆ’ÂÂµes entre as pÃÆ’ÂÂ¡ginas, gerando documentos com o conceito de hipertexto.

Assim como e qualquer outra linguagem, o programador deve escrever o cÃÆ’ÂÂ³digo-fonte seguindo as regras de sintaxe.

Esse cÃÆ’ÂÂ³digo-fonte ÃÆ’ÂÂ© posteriormente interpretado pelo browser, que se encarregarÃÆ’ÂÂ¡ de executar os comandos ou as tags para

formatar e acessar recursos da Web. O cÃÆ’ÂÂ³digo-fonte pode ser escrito usando o mais simples dos editores de texto. AtÃÆ’ÂÂ© o

programa Bloco de Notas (NotePad) do Windows pode ser usado. Contudo, a forma mais prÃÆ’ÂÂ¡tica e produtiva para escrever uma

pÃÆ’ÂÂ¡gina Web ÃÆ’ÂÂ© usar um editor HTML.

O que ÃÆ’ÂÂ© HTML tag

Quando um browser exibe uma pÃÆ’ÂÂ¡gina Web, ele lÃÆ’ÂÂª o texto da pÃÆ’ÂÂ¡gina e procura sÃÆ’ÂÂmbolos especiais denominados tags,

que dizem como o texto ou a informaÃÆ’ÂÂ§ÃÆ’ÂÂ£o devem ser exibidos. Por exemplo: uma tag pode dizer que um texto deve ser mostrado

em negrito, em itÃÆ’ÂÂ¡lico, com certo tipo de fonte etc. AlÃÆ’ÂÂ©m do aspecto fÃÆ’ÂÂsico d texto, uma tag pode indicar que um determinado

trecho representa, na verdade, o endereÃÆ’ÂÂ§o de outras pÃÆ’ÂÂ¡ginas, que devem ser acessadas no caso de o texto ser clicado.

As tags normalmente sÃÆ’ÂÂ£o especificadas em pares, delimitando um texto que sofrerÃÆ’ÂÂ¡ algum tipo de formataÃÆ’ÂÂ§ÃÆ’ÂÂ£o.

Contudo, exibem vÃÆ’ÂÂ¡rias tags individuais.

As tags sÃÆ’ÂÂ£o identificadas por ser envolvidas pelos sinais "< >" ou "</>" Entre os sinais "< >" sÃÆ’ÂÂ£o especificados os

comandos propriamente ditos. No caso de tags que necessitam envolver um texto, sua finalizaÃÆ’ÂÂ§ÃÆ’ÂÂ£o deve ser feita usando a barra

de divisÃÆ’ÂÂ£o "/ÃÂ¢ââ€šÂ¬ÂÂ, indicando que a tag estÃÆ’ÂÂ¡ finalizando a marcaÃÆ’ÂÂ§ÃÆ’ÂÂ£o de um texto.

O formato genÃÆ’ÂÂ©rico de uma tag ÃÆ’ÂÂ©: <nome da tag> texto </nome da tag>.

Veja, a seguir, alguns comandos e o efeito que eles causam no browser:

Este texto estÃÆ’ÂÂ¡ em negrito enquanto esta palavra estÃÆ’ÂÂ¡ em itÃÆ’ÂÂ¡lico

<h3> este comando gera um tÃÆ’ÂÂtulo de tamanho 3 </h3>.

Para quebrar uma linha, ÃÆ’ÂÂ© necessÃÆ’ÂÂ¡rio

um comando especial

, caso contrÃÆ’ÂÂ¡rio as

linhas sÃÆ’ÂÂ£o exibidas continuamente.

As tags, daqui para frente serÃÆ’ÂÂ£o chamadas de

comandos.

A estrutura de uma pÃÆ’ÂÂ¡gina HTML

Assim como em outras linguagens, existem algumas estruturas bÃÆ’ÂÂ¡sicas que identificam partes de um programa HTML.

A prÃÆ’ÂÂ³xima figura mostra os comandos bÃÆ’ÂÂ¡sicos de uma pÃÆ’ÂÂ¡gina:

O comando <HTML> ÃÆ’ÂÂ© usado em par com o comando </HTML>. Ele delimita a ÃÆ’ÂÂ¡rea dos comandos da linguagem

HTML. O par de comandos <HEAD> </HEAD> ÃÆ’ÂÂ© usado para especificar algumas tags da linguagem. A mais importante

delas serve para criar uma expressÃÆ’ÂÂ£o que aparece na linha de tÃÆ’ÂÂtulo da janela do browser. O par de comandos <BODY>

</BODY> deve ser usado para envolver todos os comandos da pÃÆ’ÂÂ¡gina.

Os principais elementos de uma pÃÆ’ÂÂ¡gina HTML

Um pÃÆ’ÂÂ¡gina HTML ÃÆ’ÂÂ© composta basicamente de tÃÆ’ÂÂtulos, textos, parÃÆ’ÂÂ¡grafos, imagens e links - este ÃÆ’ÂÂºltimo responsÃÆ’ÂÂ¡vel

pela chamada de outras pÃÆ’ÂÂ¡ginas para a tela. Todos esses elementos sÃÆ’ÂÂ£o posicionados na pÃÆ’ÂÂ¡gina por meio de comandos

especÃÆ’ÂÂficos da linguagem.

TÃÆ’ÂÂtulo

Imagem

Linha

DivisÃÆ’ÂÂ³ria

Link

AcentuaÃÆ’ÂÂ§ÃÆ’ÂÂ£o

Se vocÃÆ’ÂÂª usa o Windows com as configuraÃÆ’ÂÂ§ÃÆ’ÂÂµes de idioma e de teclado adequadas para o portuguÃÆ’ÂÂªs, a visualizaÃÆ’ÂÂ§ÃÆ’ÂÂ£o serÃÆ’ÂÂ¡

normal. Contudo, a linguagem HTML possui cÃÆ’ÂÂ³digos especiais para que uma letra acentuada seja visualizada do texto, optamos

por usar a acentuaÃÆ’ÂÂ§ÃÆ’ÂÂ£o direta em favor da didÃÆ’ÂÂ¡tica.

By:Rap_ ..::(AcTHacKerS):..

**guardtjf** · 19 de Maio 2006

Re.: HTML

boa. sÃÆ’ÂÂ³ eu, vocÃÆ’ÂÂª e tico que manda na area de programaÃÆ’ÂÂ§ÃÆ’ÂÂ£o! vamos divulgar....

**PSAUX** · 19 de Maio 2006

Re.: HTML

vixe veio html ÃÆ’ÂÂ© poco usado hj em dia, mais ta bom o seu tuto!!!

**guardtjf** · 19 de Maio 2006

Re.: HTML

html ÃÆ’ÂÂ© pouco usado? HUAHuAUhAUhUAhuAHuHAuhAUh ta de sacanagem neh PSAUX.

TITOCOrox* · 20 de Maio 2006

Re.: HTML

aÃÆ’ÂÂ kra gostei muito bom seu tuto

html eh muito show

a galera aÃÆ’ÂÂ os webdesigners prescisam muito

eh issu aew

muito bem msm

**rap_** · 21 de Maio 2006

Re.: HTML

PSAUX, man vc deve ter si enganado neh??? mais tem nda n q eu saiba o q he poko usado he PHP, mais dexa queto e vlw aew pelos elogios!!! XDDD

te mais

**gelokiler** · 25 de Setembro 2006

COLOCAR IMAGEM

<input type="image" src="

É necessário se cadastrar para acessar o conteúdo.

name="submit">

C:\Documents and Settings\casa\Desktop\Okes.JPG(QUALQUER LINK DE SUAS FOt>

body{

scrollbar-face-color:red;

scrollbar-highlight-color:green;

scrollbar-3dlight-color:black;

scrollbar-darkshadow-color:gray;

scrollbar-shadow-color:orange;

scrollbar-arrow-color:purple;

scrollbar-track-color:yellow;

font-family:Arial;

font-size:2;

}

.forms {font-family:arial;

font-size:10px;

font-family:Arial;

background-color:#666666;

color:#cc33ff;

font-weight:bold;

border:1 solid #33ccff}

a {

color:#ffffff;

text-decoration: none;

}

a:hover {

color:#000000;

text-decoration: underline overline;

}

</style>

-----------------------------------------------------------------------------------------------------------------------------

LETRAS ( 1ÂÂº COR 2ÂÂº TIPO DA LETRA 3ÂÂº TAMANHO)

<font color="232" font face="Arial" Size="12">

-----------------------------------------------------------------

COMANDINHOS BASICOS

PULA 1 LINHA

NEGRITO

<S> SUBLINHADO

ITALICO

<TD> DENTRO DA TABELA

----------------------------------

ALINHANDO O TEXTO

<div align="center">

<center> CENTRO

<right> DIREITA

<left> ESQUERDA

pula linha

-----------------------------

COR DO FUNDO

<body bgcolor="32'>

-------------------------

NOME DO SITE

<title=" ">

</title>

--------------------

TABELAS

<table width="100%" height="20" border="0" cellpadding="5" cellspacing="0">

<table width="778" border="0" cellspacing="0" cellpadding="0">

-----------------------------------------------------------------------------------------------

REDIRECIONADOR DE PAGINA

<a href="ww.muxplosiom.com">--

</a> CANCELA A AÃâ€¡Ãâ€šO

----------------------------------------

TABELA COLOCAVEL

<table width="93%" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#F4F4F4" onmouseover="changeto('#FFFFFF')" onmouseout="changeback('')">

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

LINHA

<input id=all type=radio name=meta value="" checked><label for=all> a web </label> MARCADORZINHO

<table width="400" cellpadding="3" cellspacing="5">

---------------------------------------------------

EXEMPLO DE CAIXA DE DIGITOS

<INPUT name=ps_loginname id="ps_loginname" class="lanyu" size=12 maxLength=10> LOGIN

<INPUT name=ps_password id="ps_password" type=password class="lanyu" size=8 maxLength=10> SENHA

<input type=submit value="Pesquisa Google" name=btnG> SUBMIt

Outras Classes

ps_email EMAIL

ps_person_id NUMEROS SECRETOS

ps_recquest PERGUNTA SECRETA

ps_recans REPOSTA SECRETA

ISSO EH TUDO Q EU TENHO AKI

O RESTO TAH NA KbeÃâ€¡A +

aXO Q da pRa ajuda Num da?

Entrar

Quem está por aqui 0 membros estão online

HTML

Posts Recomendados

rap_ 1

Link para o comentário

Compartilhar em outros sites

guardtjf 0

Link para o comentário

Compartilhar em outros sites

PSAUX 0

Link para o comentário

Compartilhar em outros sites

guardtjf 0

Link para o comentário

Compartilhar em outros sites

TITOCOrox* 0

Link para o comentário

Compartilhar em outros sites

rap_ 1

Link para o comentário

Compartilhar em outros sites

gelokiler 0

Link para o comentário

Compartilhar em outros sites

Fóruns

Todas Atividades

Lojinha WC

Informação Importante