Índice do Fórum metralha761.net metralha761.net
Forum privado do Metralha761
 
 FAQFAQ   PesquisarPesquisar   MembrosMembros   GruposGrupos   RegistarRegistar 
 PerfilPerfil   Ligar e ver Mensagens PrivadasLigar e ver Mensagens Privadas   EntrarEntrar 

Iniciação ao HTML

 
Novo Tópico   Responder a Mensagem    Índice do Fórum metralha761.net -> HTML
Ver mensagem anterior :: Ver mensagem seguinte  
Autor Mensagem
metralha761
Site Admin


Registrado em: 03 Jan 2007
Mensagens: 65

MensagemColocada: Qua Dez 10, 2008 8:03 pm    Assunto: Iniciação ao HTML Responder com Citação

O que é HTML?

Arrow HTML provem das palavras "Hyper Text Markup Language".
Arrow HTML é uma linguagem de interpretação e não é considerada uma linguagem de programação, mas uma linguagem baseada em marcadores de etiquetas (tags). Esta linguagem é interpretada, maioritariamente, pelo browser e permite criar páginas estáticas.
Arrow É através das etiquetas (tags) que é construída a formatação do texto, criadas as tabelas, e colocada as imagens que no final dá origem ás páginas que encontramos nas nossa navegações.

Código exemplificativo:
Código:
<html>
<body>
    <h1>O meu cabe&ccedil;alho.</h1>
   <!-- Zona de comentário -->
    <p>Um parágrafo.</p>
    <p>
        <a href="http://forum.metralha761.net">Um link (liga&ccedil;&atilde;o).</a>
    </p>
    <!-- &ccedil; = c de cedilha
        &atilde; = a com til
        &aacute; = a com acento agudo
        não é obrigatório usar estas formatações, mas para nao ter
        problemas em aparecer caracteres estranho é preferível -->
</body>
</html>
Voltar ao topo
Ver o perfil de utilizadores Enviar Mensagem Privada
metralha761
Site Admin


Registrado em: 03 Jan 2007
Mensagens: 65

MensagemColocada: Qua Dez 10, 2008 8:22 pm    Assunto: Responder com Citação

Como iniciar?

Arrow Para se iniciar não é preciso qualquer programa especial, basta um editor de texto como o bloco de notas que vem com o windows ou outro similar.
Arrow Mas existem programas muito úteis, para quem quer ser um "hardcore" no HTML (escrever o código á unha). Uma das grandes utilidades é a colocação das cores nas etiquetas, um texto colorido é mais fácil de interpretar que a preto e branco, existem alguns que ajudam a completar o código e outros com n facilitismo no código. O melhor? ninguém sabe, existe alguns mais usados que outros, mas cada um deve procurar e ver qual se adapta melhor.
Arrow Também existem programas, que têm um ambiente gráfico, que com simples cliques conseguem criar uma pagina ou ajudar muito na sua criação. Mas geram muito lixo no código, uns mais outros menos, isto é da consciência de cada um. Há quem comece por estes programas para iniciar, depois refinam o código, outros preferem fazer tudo à pata.
Voltar ao topo
Ver o perfil de utilizadores Enviar Mensagem Privada
metralha761
Site Admin


Registrado em: 03 Jan 2007
Mensagens: 65

MensagemColocada: Qua Dez 10, 2008 8:27 pm    Assunto: Responder com Citação

Iniciação com o código

Cabeçalhos\Títulos
As etiquetas de cabeçalhos\títulos vão de <h1> até <h6>.
Sendo o mais importante o <h1> e o menos significativo o <h6>;
Código:
<h1>Um título</h1>
<h2>Outro título</h2>
<h3>E mais outro</h3>


Parágrafos
Os parágrafos são defenidos pela etiqueta <p>.
Código:
<p>Um parágrafo</p>
<p>Outro parágrafo</p>


Quebra de linhas
As quebra de linhas são criadas pela etiqueta <br />.
Esta etiqueta não precisa de ser finalizada, é isolada.
Também é possível usar antiga etiqueta <br>, mas para uma maior compatibilidade no futuro, deve ser usada <br />. As etiquetas isoladas, passará a requerer a barra para fechar a etiqueta.
Por exemplo, antiga etiqueta não é compatível com XML e XHTML, inclusive com futuras versões do HTML.
Código:
<p>Isto são<br>as quebra<br>de linha num parágrafo</p>


Comentários
Os comentários podem ser inseridos no código HTML com várias finalidades, uma delas é para facilitar a leitura do código, deixar um estilo de marcas que no futuras leituras ou alterações do código sejam mais faceis.
Os comentários não são visíveis após o interpretador. Por exemplo, num browser o que está no comentário não é visível na página.
Código:
<!-- Um comentário -->


Etiquetas que fecham
Como já se viu anteriormente, existem etiquetas que requerem outra etiqueta para a fechar, e as que não requerem. Um bom exemplo é <p> que requer </p> no final do texto que se pretende incluir como parágrafo e a <br /> que se coloca exactamente onde se pretende a quebra de linha.
Será que existe alguma regra para as distinguir? Só as decorando, mas com a prática ficam decoradas e deixamos de andar tão confusos. Mas pode-se dizer, que é mais excepção, as etiquetas que não requerem ser fechadas. A esmagadora maioria é de fechar, com o tempo também verão isso.
Uma curiosidade é, e se me esquecer de fechar? Ao contrário das outras linguagens, não é reportado erros. Logo cada browser vai interpretar como estiver programado para a falha dessas etiquetas, mas o mais provável é, enquanto não encontrar a etiqueta que fecha, está sempre a fazer o efeito da etiqueta.
Um exemplo é:
Código:
<h1>o meu titulo
<p>esqueci-me de chegar e agora?</p>
Código:
<h1>o meu titulo</h1>
<p>neste caso não me esqueci de fechar!</p>

A diferença entre estes dois casos é que no primeiro, fica tudo com o estilo da etiqueta <h1>, inclusive o que está dentro da etiqueta <p>.
Voltar ao topo
Ver o perfil de utilizadores Enviar Mensagem Privada
Mostrar os tópicos anteriores:   
Novo Tópico   Responder a Mensagem    Índice do Fórum metralha761.net -> HTML Todos os tempos são GMT
Página 1 de 1

 
Ir para:  
Neste fórum, você Não pode colocar mensagens novas
Não pode responder a mensagens
Não pode editar as suas mensagens
Não pode remover as suas mensagens
Você Não pode votar neste fórum



Powered by phpBB © 2001, 2005 phpBB Group
Translation by: (c) 2000-2006 Luiz Castelo-Branco, Todos os direitos reservados.