Curso de HTML - Parte 1

28/01/2011

Bem iremos começar pelo básico. Irei colocar em baixo as TAG's básicas do HTML. Poderam usar alguns programas pagos para o fazer mas iremos abordar este tema com o bloco de notas. Copiem e colem o seguinte em baixo escrito.

<html>
<head>
</head>
<body>
</body>
</html>

Qualquer tag, quando aberta tem de ser fechada. E como o faço? É simples usando o /. EXEMPLO: <TUGATECH> </TUGATECH>

Copiado e colado o texto, iremos dar titulo ao nosso site utilizando a seguinte tag.

<html>
<head>
<title>TUGATECH-Curso HTML</title>
</head>
<body>
</body>
</html>

Bem por hoje é tudo, Em breve trarei mais uma parte do curso

Sex 28 Jan 2011 - 17:24 por Daniel Mendes · Sex 28 Jan 2011 - 17:24 por Daniel Mendes

Podias ter acrescentado mais coisinhas básicas e faladas por alto para não ficar um tópico muito vazio.

Mas está porreiro! +

Sex 28 Jan 2011 - 18:04 por DiogoHackerPT · Sex 28 Jan 2011 - 18:04 por DiogoHackerPT

aii podia eheheh Paulinho paulinho.... ASS:Neves xD

Sex 28 Jan 2011 - 19:34 por **DJPRMF** · Sex 28 Jan 2011 - 19:34 por **DJPRMF**

DiogoHackerPT escreveu:aii podia eheheh Paulinho paulinho.... ASS:Neves xD

Não entendi... Razz

xD

Sáb 29 Jan 2011 - 14:20 por marco.sousa · Sáb 29 Jan 2011 - 14:20 por marco.sousa

A ideia do tópico é boa mas tem pouco conteúdo como já foi dito.

Deixo aqui mais umas dicas básicas continuando com o tutorial do Diogo.

Código:: <html> <head> <title>TUGATECH-Curso HTML</title> </head> <body> <h1> Os h1 são títulos dos ducomentos </h1> <h2> Quanto maior o numero, menor é o tamanho e relevância na página</h2> <p>As tags <hx> onde x é um número de 1 até 6 são importante para os motores de busca encontrarem os teus artigos mais facilmente. </p> <p>Quanto menor o número mais importância o motor dá ao que está escrito.</p> <p> As tags p, que venho a utilizar, é um paragrafo. Sempre que queres escrever um paragrafo em html colocas entro as tags <p> e </p> <p> Agora tu pensas, se o h1 é o mais importante e o motor de busca dá mais importância, vou colocar o meu site todo em h1.</p> <p> Errado! Os motores de busca têm mecanismos para combater esse tipo de coisa e o mais provável e tu é o teu site saírem prejudicados.<p> </body> </html>

Sáb 29 Jan 2011 - 14:25 por **DJPRMF** · Sáb 29 Jan 2011 - 14:25 por **DJPRMF**

Boas,

Obrigado pela explicação mais detalhada "marco.sousa". Smile

Mas quando utilize código html, coloque entre as tags CODE:

Código:: [code]texto html a apresentar[/code]

, para o mesmo código não ser processado na mensagem. Smile

Cumps

Sáb 29 Jan 2011 - 14:31 por marco.sousa · Sáb 29 Jan 2011 - 14:31 por marco.sousa

Pois, reparei nisso depois.

Aproveito para dizer que a indentação no código é importante.

Agora com o code já é possível vê-la.

Para uma melhor visualização do código, seja ele html ou outro, é sempre bom utilizar indentação.

Isto não é nada mais do que colocar tags dentro de outras mas indentadas de forma a ser mais facil visualizar o código.

Um exemplo é a tag

Código:: <title>

que está dentro da tag

Código:: <head>

que por sua vez está dentro da tag

Código:: <html>

.

Espero ter ajudado Very Happy