 |
metralha761.net Forum privado do Metralha761
|
| Ver mensagem anterior :: Ver mensagem seguinte |
| Autor |
Mensagem |
metralha761 Site Admin
Registrado em: 03 Jan 2007 Mensagens: 65
|
Colocada: Qua Dez 10, 2008 8:03 pm Assunto: Iniciação ao HTML |
|
|
O que é HTML?
HTML provem das palavras "Hyper Text Markup Language".
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.
É 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çalho.</h1>
<!-- Zona de comentário -->
<p>Um parágrafo.</p>
<p>
<a href="http://forum.metralha761.net">Um link (ligação).</a>
</p>
<!-- ç = c de cedilha
ã = a com til
á = 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 |
|
 |
metralha761 Site Admin
Registrado em: 03 Jan 2007 Mensagens: 65
|
Colocada: Qua Dez 10, 2008 8:22 pm Assunto: |
|
|
Como iniciar?
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.
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.
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 |
|
 |
metralha761 Site Admin
Registrado em: 03 Jan 2007 Mensagens: 65
|
Colocada: Qua Dez 10, 2008 8:27 pm Assunto: |
|
|
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 |
|
 |
|
|
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.
|