» Blog Pc-Tudo

HTML espaço em branco e quebra de linha

Espaço em branco e quebra de linha em HTML

Muitas vezes é necessário usar um espaço em branco no nosso código html para colocar objectos ou texto no local apropriado. Em HTML isto é muito simples de fazer.

Ora vejamos neste exemplo sobre um simples menu:

Link1|Link2|Link3|Link4|Link5

Como se pode verificar o texto está muito junto com o traço que divide os vários links, mas se adicionarmos um espaço em branco antes e depois de cada | que divide os vários links ficaremos com o menu assim:

Link1 | Link2 | Link3 | link4 | Link5

O código usado para o espaço em HTML é:    logo o código para o nosso exemplo é este:

Link1 | Link2  |  Link3 | Link4 | Link5

Espaços em branco com “padding”

Também podemos utilizar o “padding” para  dar espaços em branco aos nossos elementos:

Estamos a utilizar o padding para dar um espaço em branco no inicio do texto desta linha

O código utilizado é este :

<span style="padding-left:20px">This line starts after some blank space at left</span>

Quebra de linha

Para se ter uma quebra de linha em branco, podemos usar marca  <br> em html.



Partilhe o artigo HTML espaço em branco e quebra de linha na Internet

20 Comentários »

Comentário enviado a 30 de Janeiro de 2011 às 18:09

Obrigado pelos códigos!

Responder
Comentário enviado a 20 de Agosto de 2011 às 20:10

Otimá sua dica valeu muito obrigado era o que precisava…

Responder
Comentário enviado a 18 de Maio de 2012 às 6:41

Eu tanbem porque a minha vida e um imferno e isto ajuda-me muito obrigado demorei a axar este progama mas emcontreio e ainda bem porque tenho muito que contar mas mesmo muito a minha historia de vida parece um conto de fadas mas isto faz-me bem

Responder
Comentário enviado a 13 de Dezembro de 2011 às 21:16

Nossa!! VLW mesmo.Não sabe como me ajudou. Obg!

Responder
Pablo
Comentário enviado a 1 de Fevereiro de 2012 às 11:55

Vlw cara, vc ajudou bastante, tava precisando disso!!!!!!

Responder
Comentário enviado a 28 de Fevereiro de 2012 às 17:53

MUITO OBRIGADO!
Acho que esse é o único lugar da internet que explica com clareza como fazer um simples espaço na frente dos parágrafo (sim… demorei pra achar).
VLW VLW

Responder
Beli
Comentário enviado a 29 de Março de 2012 às 23:54

Obrigada por usar seu tempo para disponibilizar ajuda!

Responder
Comentário enviado a 18 de Maio de 2012 às 6:39

eu tanbem quero agradecer eu gosto muito de escrever no computador

Responder
Comentário enviado a 18 de Maio de 2012 às 6:43

Eu aixo isto uma muito boa ideia porque eu nao gosto muito de contar a historia da minha vida a pessoas mas pelo computador e melhor e sinto-me muito a vontade au falar pelo computador coitado de portugal esta em crise

Responder
Humberto
Comentário enviado a 30 de Julho de 2012 às 17:42

Muito boa sua dica. As vezes quando se está aprendendo surgem esses tipos de dúvidas na hora de programar. Abraço

Responder
Comentário enviado a 23 de Novembro de 2012 às 18:05

valeu!!! eu e meus amigos ficava colocando “&nbps:”, de montão para deixar o tanto q queriamos com o span ficou muito melhor

Responder
Comentário enviado a 23 de Novembro de 2012 às 18:08

valeu!!!!

Responder
Comentário enviado a 6 de Fevereiro de 2013 às 1:39

Muito obrigada pela dica, precisava mto de um jeito de conseguir parágrafos

Responder
Comentário enviado a 12 de Março de 2013 às 14:24

Muito boas as informações. Valeu!

Responder
Comentário enviado a 10 de Junho de 2013 às 22:38

A tag html “” não é mais usada(está obsoleta), atualmente em html5 usa-se somente a tag “”.

Responder
Eduardo
Comentário enviado a 20 de Julho de 2013 às 18:57

Amigo, eu tive que comentar só para lhe agradecer por ser tão objetivo nas explicações. Já é chato ter que ficar pesquisando e só encontrar embromações, e nada de informações relevantes. Por isso, repito, MUITO OBRIGADO! E meus parabéns pelo excelente trabalho.

Responder
Comentário enviado a 30 de Janeiro de 2014 às 12:00

Obrigada, valeu! Resolvi um problema com um código que tinha publicado no meu blog.

Responder
Comentário enviado a 2 de Fevereiro de 2014 às 0:38

Muito obrigado pela dica vlw!

Responder
Mário
Comentário enviado a 25 de Março de 2014 às 11:45

Ótimo artigo!

Responder
Evelym
Comentário enviado a 8 de Maio de 2014 às 14:02

Obrigada!!!

Responder

RSS feed para comentários a este post. TrackBack URL

Deixe o seu comentário

Os comentários aos artigos publicados no blog são de exclusiva e integral autoria e responsabilidade dos leitores que dele fizerem uso. A Pc-Tudo reserva, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação de seu autor (nome completo e endereço de email válido) também serão excluídos.