inline e block

Salve Victor, beleza?

Então, o "block" ele compõe todo o tamanho de uma linha se você por uma <img> e o id dela com display block e tentar por um <h1>(sem css) no HTML ele vai aparecer na linha debaixo. Por exemplo, o bloco vai do extremo do seu navegador ( < ponta esquerda até a direita >) e passa para a próxima linha. Obs: Existem elementos que já são denominados como bloco como por exemplo <h1><p>entre outros, mas o tamanho deles podem ser ajustados.

O inline é só até o tamanho do seu elemento inserido, como por exemplo se você inserir um <h1> e o id com display inline, ele não vai pegar todo o seu bloco ou seja( os extremos do seu navegador) ela só vai até aonde foi inserido o tamanho do seu texto, e se por uma nova <img> (sem css) vai ficar ao lado e não embaixo como no caso do bloco, mesma observação existem elementos que já são inline como <span><a><img>.

Uma dica muita boa pra ir pegando essas partes de front é apertar o F12 ou clicar com o botão direito e dar inspecionar em cima do elemento e ir passando o mouse em cima, você vai ver que vai sendo marcado e vai ir começando a entender sobre as mudanças nos elementos.

Elementos do tipo block-level: div h1, h2, h3 p table ul, ol fildset form hr

Elementos in-line: span img a td label input select textarea

Espero ter ajudado em algo, abraços.