Artigos na Categoria Tutoriais » HTML »
Quebra de linha em HTML usando a tag BR
Tag <br> quebra de linha em HTML
As quebras de linha em páginas HTML podem ser feitaso usandoa tag <br>. A tag <br> não precisa de ser fechada e pode ser usada em qualquer lugar dentro do BODY, dentro de células de tabelas e em outros elementos simples.
As quebras de linha poderão ser usadas mais do que uma vez:
Vejamos o exemplo do seguinte código:
Esta é uma linha com uma quebra de linha <br> Esta é a segunda linha após uma quebra de linha e tem duas quebras de linha no fim<br> <br> Esta é a terceira linha após uma linha com duas quebras de linha
O resultado é este:
Esta é uma linha com uma quebra de linha
Esta é a segunda linha após uma quebra de linha e tem duas quebras de linha no fim
Esta é a terceira linha após uma linha com duas quebras de linha
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.
