4

A princípio quero dizer que sou iniciante na área, comecei a cursar recentemente Sistema de informação e minha pergunta é para realização de um trabalho valendo nota.

ao utilizar a tag:

<p>primeiro parágrafo</p>
(este espaço precisa ser reduzido)
<p>segundo parágrafo</p>

Porém meu professor ainda não iniciou o conteúdo de CSS e não o verei antes da data de entrega do trabalho, se não houver solução sem a utilização de CSS peço que expliquem como fazer, pois realmente ainda não tenho noção de como se introduzir CSS no código html.

2
  • Você já tentou pesquisar algo sobre o assunto?
    – ramaral
    Commented 18/05/2014 às 13:32
  • Sim, pesquisei, porém não achei nada em html simplificado, mas já resolvi com uma das dicas de um colega do site. Commented 18/05/2014 às 20:23

2 Respostas 2

8

Se está limitado a não usar CSS, o que poderia fazer é usar um paragrafo só e separar com uma quebra de linha simples.

Assim:

<p>primeiro parágrafo<br>segundo parágrafo</p>

Resultado:

primeiro parágrafo
segundo parágrafo


Em contra partida, usando CSS, temos o seguinte: Todo o browser adiciona regras de estilo próprias aos elementos comuns. O Google Chrome, por exemplo, define essas regras:

p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
}

Já o Firefox faz assim:

p {
  margin-top: 16px;
  margin-bottom: 16px;
}

Visualmente o efeito é o mesmo: adicionar uma margem ao elemento <p>. A forma mais simples e melhor portável entre diferentes browsers é usar o normalize.css. Ele contém regras para desfazer as regras padrões de todos os browser e deixar o estilo único. Use assim:

<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">

Alternativamente você pode zerar todas as formas de margem do elemento com essa regra:

<style>
  p {
    margin: 0;
  }
</style>

Ou aplicada assim:

<p style="margin: 0;">primeiro parágrafo</p>
<p style="margin: 0;">segundo parágrafo</p>
4
  • 1
    Guilherme, não estou limitado a utilizar o CSS, porém não acredito que como acadêmico seja interessante eu utilizar um código que eu não seja capaz de entender, pois não adiantar eu tirar nota máxima no trabalho e reprovar por não saber o que está na prova, por isso sempre que utilizo algo novo em meus trabalhos procuro saber exatamente o que está acontecendo, se puder explique como fazer isso em CSS. Commented 18/05/2014 às 13:17
  • @Adrian, Alterei com um pouco mais de informação. Está claro assim? Commented 18/05/2014 às 13:29
  • Ótimo, as primeiras opções em que você explicou fiquei sem entender, pois a única coisa que sei sobre CSS até o momento é que existem 3 formas para usar, porém irei testar a última agora mesmo para ver. Obrigado. Commented 18/05/2014 às 13:32
  • Funcionou perfeitamente para o que eu desejava, já ganhou meu respeito. - Commented 18/05/2014 às 13:34
1
p {
    text-indent: 2em;
    text-align: justify;
}
1
  • Ta um pouquinho atrasado, só um pouco.
    – André
    Commented 4/01/2017 às 23:22

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .