Tutorial como cria um site em HTML

**Nick** Dom Nov 25, 2012 4:42 pm

Nick: Administrador; Mensagens : 457
Moedas : 1805
Reputação : 29
Data de inscrição : 02/09/2011

Mensagem nº1

Tutorial como cria um site em HTML

Nick Dom Nov 25, 2012 4:42 pm

Bem gente esse topico irei ensinar como criar um site em HTML , que o Nildson pediu para ensina-lo. Então vamos la

primeiramente crie uma pasta com nome site na area de trabalho.
Apos isso abra o bloco de notas e agora iremos começar

Primeiramente iremos criar a area principal que é o o titulo do site, e os textos que colocaram

<html>

<head>
<title>TITULO</title>
</head>

<body>
<p>[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
</body>

</html>

Agora iremos saber os codigos que mudaram o tipo do texto por exemplo

<p>É usado para parágraos.</p>
<b>Torna o texto negrito.</b>

troque o <P> </P> QUE esta la em cima e coloque

<b> texto negrito.</b>

<h1>Cabeçalho</h1>
<h2>Subtítulo</h2>
<h3>Sub-subtítulo</h3>
<i>texto em italico</i>
<small>texto pequeno</small>

Entao como ficara

<html>

<head>
<title>TITULO</title>
</head>

<body>
<h1>Um cabecalho</h1>

<p>[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
<h2>Subtitulo</h2>
<p>[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
</body>

</html>

Agora iremos criar uma cor de fundo do seu site

<html>

<head>
</head>

<body style="background-color:#ff0000;">
</body>

</html>

(troque o #ff0000) pela cor que você quer via codigo ou em nome em ingles

agora iremos adicionar a script de mandar um link sem ter que mandar ele por exemplo [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

então adicione essa script

<a href="link aqui">A mensagem para clicarem aqui e direcionar ao link</a>

agora iremos adicionar uma imagem no seu site primeiro voce tera baixar uma imagem e colocar dentro da pasta que estara o site quando o salvarmos

<img src="xd.jpg" alt="xD" /> em xd.jpg troque o .jpg caso a imagem seja formato .gif, jp outra qualquer coisa.. e troque o nome xD tbm para o nome que esta salvo a sua imagem

iremos criar agora o arquivo em css

<style type="text/css">
h1 {font-size: 30px; font-family: arial}
h2 {font-size: 15px; font-family: courier}
p {font-size: 8px; font-family: times new roman}
</style>

coloque esse codigo antes de </html> la do começo (quando eu estava ajudando)

e pronto, gente acho que o tutorial não ficou muito bom por que não sou muito bom em ensinar o básico só usando ja mais avançado :/

Very Happy