rap_ 1 Postado 19 de Maio 2006 Compartilhar Postado 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):.. 1 ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
guardtjf 0 Postado 19 de Maio 2006 Compartilhar Postado 19 de Maio 2006 Re.: HTML boa. só eu, vocÃĻ e tico que manda na area de programaÃĤÃģo! vamos divulgar.... ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
PSAUX 0 Postado 19 de Maio 2006 Compartilhar Postado 19 de Maio 2006 Re.: HTML vixe veio html Ãĩ poco usado hj em dia, mais ta bom o seu tuto!!! ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
guardtjf 0 Postado 19 de Maio 2006 Compartilhar Postado 19 de Maio 2006 Re.: HTML html Ãĩ pouco usado? HUAHuAUhAUhUAhuAHuHAuhAUh ta de sacanagem neh PSAUX. ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
TITOCOrox* 0 Postado 20 de Maio 2006 Compartilhar Postado 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 ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
rap_ 1 Postado 21 de Maio 2006 Autor Compartilhar Postado 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 ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
gelokiler 0 Postado 25 de Setembro 2006 Compartilhar Postado 25 de Setembro 2006 COLOCAR IMAGEM <input type="image" src=" É necessário se cadastrar para acessar o conteúdo. Entre ou Cadastre-se name="submit"> C:\Documents and Settings\casa\Desktop\Okes.JPG(QUALQUER LINK DE SUAS FOt> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type=text/css> 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? ᅠᅠMural de Coleçõesᅠᅠ Clique aqui e adquira suas medalhas Link para o comentário Compartilhar em outros sites Mais opções de compartilhamento...
Posts Recomendados