Ir para conteúdo

Aula 1 - Tags? Cabeçalhos, parágrafos, links e imagens!


Lordfire

Posts Recomendados

Não exatamente. Por enquanto, se você escrever <br></br> , <br>, ou <br />, o resultado é igual. Talvez </br> também funcione...

Mas é sempre bom manter seu código organizado, e o mais utilizado é <br />. Alguns navegadores podem não suportar <br> puro, por exemplo.

Mas aí a coisa vai ficando mais complicada, e eu não saberia te explicar :/

O que eu posso dizer é que usar <br /> é um padrão, e é bom seguir esses padrões de organização

Link para o comentário
Compartilhar em outros sites

O HTML5 é baseado num padrão em que todas as tags devem ser minúsculas, e as tags que não são fechadas (como br, img e futuramente vou ensinar input) devem terminar com />, e o espaço antes é útil pra facilitar a leitura. Tanto faz o jeito que você escreve, mas por padrão deve ser assim.

Link para o comentário
Compartilhar em outros sites

Não sei se está correto, mais está ai, vlw galera pela ajuda ae!

 

<html>
<h1>Informacoes pessoais</h1>
<h4>Nome:</h4>
<p>Guilherme</p>
<h4>Idade:</h4>
<p>17 anos</p>
<h4>Data de nascimento:</h4>
<p>27/09/1995</p>
<h4>Localização:</h4>
<p>Araraquara-sp</p>
<h4>Sobre mim:</h4>
<p>To aprendendo a usar isso aqui ainda  <br /> pela galera do <a href="xtibia.com">xTibia</a>
<p><img src="Foto01.png" alt="Esse sou eu =]" /></p>
</html>

 

Galera to com umas dúvidas, pq tem q colocar o <html> primeiro e tem uns cara ai que pois <title> <head>, que é isso? e pq tem que dar uma barra de espaço no <br />? E como eu faço pra ver como o meu ficou?

 

Vlw abração

Editado por Guilhermeip
Link para o comentário
Compartilhar em outros sites

Bom galera, eu tentei postar aqui a minha tarefa mais sei lá sumiu o.O, ta ai, nao sei se esta certo, to vendo tudo isso pela primeira vez.. Ta ai

 

 

<html>
<h1>Informacoes pessoais</h1>
<h4>Nome:</h4>
<p>Guilherme</p>
<h4>Idade:</h4>
<p>17 anos</p>
<h4>Data de nascimento:</h4>
<p>27/09/1995</p>
<h4>Localização:</h4>
<p>Araraquara-sp</p>
<h4>Sobre mim:</h4>
<p>To aprendendo a usar isso aqui ainda  <br /> pela galera do <a href="xtibia.com">xTibia</a>
<p><img src="Foto01.png" alt="Esse sou eu =]" /></p>
</html>

 

To com umas dúvidas... Por que tem que colocar <html>, e tem uns caras que colocaram <head> <title> etc..., e uns até fizeram um site.. como eu faço ja? como eu vejo como minha tarefa ficou?

 

Flw, abração e Vlw!

Editado por Guilhermeip
Link para o comentário
Compartilhar em outros sites

Amigo,respondendo as duvidas:

 

Para que tem que colocar a tag <html>?

 

Bom amigo,a tag <html> inicia o código que será criado para seu site.No caso,se tiver um <title></title> ,sem o <html>,ele não irá funcionar.(No caso não funcionará nem com <html> pois precisa da tag <head> .Ou seja para que seu código seje rodado na internet ele precisa conter a tag <html> e </html> .

 

 

Como fazer um mini site (Prévia de seu código).

 

Simples,basta salvar seu arquivo no formato .html . Exemplo :

index.html

 

Abçs.

Link para o comentário
Compartilhar em outros sites

Explicando isso aí melhor... Na hora que for salvar seu código, use a extensão ".html".

Salve seu código com o nome de arquivo.html, e depois execute com um navegador qualquer.

Link para o comentário
Compartilhar em outros sites

Um adendo:

 

Se quiser linkar uma imagem num diretório acima, o que é útil se for utilizar a mesma imagem para diversas páginas:

 

root
..aulas
....img
....1
....2

 

Para linkar de /1/ uma imagem em /img/ basta usar <img src="../img/imagem.jpg">

Para linkar de /1/ uma imagem em root/ basta usar <img src="../../imagem.jpg">

Para linkar de root/ uma imagem em /1/ basta usar <img src="/aulas/1/imagem.jpg">

Link para o comentário
Compartilhar em outros sites

Explicando isso aí melhor... Na hora que for salvar seu código, use a extensão ".html".

Salve seu código com o nome de arquivo.html, e depois execute com um navegador qualquer.

mais eu posso criar um desse no bloco de nota e colocar salvar como, e dps só salvar como arquivo.html e abrir vou conseguir ver?

Link para o comentário
Compartilhar em outros sites

  • 2 weeks later...
  • 9 months later...
×
×
  • Criar Novo...