Margens (espaços) entre parágrafos em CSS - Os atributos margin-top e margin-bottom (Tutorial)

Neste tutorial de CSS de nossa apostila, vamos aprender para que serve e usar duas propriedades do CSS, a margin-top e a margin-bottom, que nos permitirão deixar as margens (espaçamento) entre os parágrafos do tamanho que quisermos.

• Baixar PDF: Apostila HTML + CSS Progressivo

Margens em CSS - margin

Quando ensinamos a indentar a primeira linha de um bloco de texto qualquer, em nosso tutorial sobre a propriedade text-indent, explicamos a importância desses espaçamentos, pois ajudam na organização do site e o tornam mais prazerosos para a leitura.

Porém, existem diferentes tipos de indentação e espaçamento, e um desses tipos são as margens.
Margens são espaçamentos que tem por função separar elementos com fins de organização e design.

As margens não tem cores, são sempre transparentes.

As margens, ou margin em inglês, são muito usadas em textos, imagens, para separar uma barra lateral do conteúdo, centralizar seu artigo, distanciar uma figura ou anúncio do texto etc.

Usaremos margens em diversos momentos de nosso curso de HTML e CSS, pois a propriedade margin é bem flexível e genérica.

Margem Entre Parágrafos - margin-top e margin-bottom

Para iniciar nossos estudos sobre margens em CSS, vamos aprender a definir o tamanho das margens entre os parágrafos, que você já deve ter notado ao usar a tag <p>.

Pode parecer pouca coisa, mas até pouco tempo atrás, quando somente o HTML reinava na criação de sites, esses espaçamentos e margens eram inalteráveis, e graças ao CSS hoje temos o poder e flexibilidade de decidir tudo em um site.

Margem Superior em CSS- margin-top: valor

Para definirmos a margem superior (espaço transparente) que fica acima de um parágrafo, por exemplo, usamos o atributo margin-top do CSS.
(top é topo, acima em inglês)

A sintaxe é bem simples:

margin-top: x n;

Onde 'x' é um valor numérico 'n' uma unidade de medida, como px, pt ou em.
Veja o seguinte exemplo de código HTML & CSS mostrando na prática o margin-top:

<p style="margin-top:30px">30px de margem acima</p>
<p style="margin-top:20px">20px de margem acima</p>
<p style="margin-top:10px">10px de margem acima</p>
<p style="margin-top:0 px">0 px de margem acima</p>

Agora o efeito

30px de margem acima

20px de margem acima

10px de margem acima

0  px de margem acima

Margem Inferior em CSS - margin-bottom: valor

No exemplo anterior, definimos bem a margem superior de cada parágrafo.

Já a margem inferior não foi definida, e o espaço que você viu no exemplo era resultado da margem do parágrafo abaixo.

Porém, há uma maneira de definir também a margem inferior de um elemento do HTML, como o parágrafo. Isso é possível através da propriedade "margin-bottom" do CSS, cuja sintaxe é:

margin-bottom: x n;

Onde 'x' é um valor numérico 'n' uma unidade de medida, como px, pt ou em.
(bottom, em inglês, significa fundo)

Vamos fazer um exemplo análogo ao anterior, agora mostrando como alterar a margem inferior de um parágrafo.

Nosso código HTML & CSS é:

<p style="margin-bottom:30px">30px de margem abaixo</p>
<p style="margin-bottom:20px">20px de margem abaixo</p>
<p style="margin-bottom:10px">10px de margem abaixo</p>
<p style="margin-bottom:0 px">0 px de margem abaixo</p>

Veja o efeito:

30px de margem abaixo

20px de margem abaixo

10px de margem abaixo

0 px de margem abaixo

Ler Tutorial

Como Indentar (Espaçar) a Primeira Linha em CSS - A Propridade text-indent

Neste breve tutorial de nossa apostila de CSS, vamos iniciar nossos estudos sobre indentação , que são maneiras de se formatar um texto para ficar mais agradável e legível para o leitor.

Para introduzir tais assuntos, vamos começar mostrando e explicando a propriedade do CSS text-indent.

• Estude offline: Apostila HTML + CSS

Indentação, Espaçamento e Organização em HTML & CSS

Você já parou pra notar que raramente vai encontrar um texto que é colado na lateral de sua tela?

Sempre existe um espaçamento, uma região em branco entre a borda da tela, borda da lateral ou uma distância entre outro elemento até o início texto.

Também existe um espaçamento entre parágrafos (tags <p>) e entre linhas (<br>).
Embora esses espaços não alterem o conteúdo do texto, eles são de vital importância para qualquer site.

Na verdade, não só para sites.

Imagine você ler um livro sem parágrafos, sem quebra de linha, sem um espaçamento ou divisão.
Seria algo extremamente cansativo e enfadonho.

Além de não ser interessante esteticamente, uma página sem espaçamento e organização traz um agravante para os sites: o leitor vai abrir seu site, irá ver aquele amontoado de texto desordenado e vai rapidamente fechar seu site.

Se ele tiver achado seu site pelo Google, você vai ficar com uma imagem 'suja' no buscador, que percebeu que o leitor não gostou de seu site, e você vai acabar perdendo posições no rankeamento dos sistemas de buscas.

Logo, um texto bonito, agradável e organizado irá fazer com que os leitores gostem, compartilhem e retornem para seus sites.

Em nossos tutoriais de CSS iremos aprender como indentar a primeira linha, distância entre parágrafos, distância até as bordas superior, inferior e laterais, distância entre texto e imagem, e uma porção de outras propriedades que nos auxiliam, de maneira simples, a deixar nossos sites bem organizados.

Como Indentar a Linha - text-indent: px, em, pt

A propriedade text-indent, do CSS, serve para definirmos uma espaçamento antes da primeira palavra, na primeira linha de um bloco de texto.

A sintaxe em CSS é:

text-indent: n medida;

Onde "n" é um número e "medida" é a medida do tamanho, que pode ser em px (pixel), pt ou em.
Essas medidas foram melhor explicadas no tutorial sobre a propriedade font-size do CSS.

Para que a primeira palavra de todo parágrafo fique indentada de uma distância 5 pixels:

p{
  text-indent: 5 px;
}

Para que todas tags H1 fiquem indentadas em 2em:

h1{
  text-indent: 2em;
}

O valor padrão desse espaçamento é 0.
Assim, se colocar um valor positivo, iremos espaçar a primeira linha e caso usemos um valor negativo estaremos recuando o texto, veja o seguinte código:

<div style="text-indent: 5px;">Este texto usa indentação de 5 pixels</div>
<div style="text-indent: 0px;">Indentação de 0 pixels (espaçamento padrão)</div>
<div style="text-indent: -4px;">Este texto usa indentação de -4 pixels</div>

Tem o seguinte efeito:

Este texto usa indentação de 5 pixels

Indentação de 0 pixels (espaçamento padrão)

Este texto usa indentação de -4 pixels

Ler Tutorial

Espaçamento entre letras, palavras e linhas - letter-spacing, word-spacing e line-height Tutorial

Em todos os outros tutoriais de CSS de nossa apostila, na seção de formatação de texto, aprendemos como mudar as características das fontes, como cor, tamanho, itálico, negrito, maiúsculo, minúsculo, dentre outras propriedades.

Neste tutorial vamos fazer algo um pouco diferente, não vamos alterar nada nas fontes, e sim do espaçamento entre elas: distância entre as letras, entre as palavras e entre as linhas de um texto.

• Apostila HTML Progressivo: Fazer download

Espaçamento entre letras em CSS - letter-spacing: px;

Neste tutorial de nossa apostila você vai notar como o CSS, aliado ao HTML, se torna uma ferramenta extremamente poderosa (pois podemos estilizar qualquer coisa em um site), flexível (é fácil de alterar os estilos CSS) e simples (formatamos textos com poucos códigos em uma folha de estilos).

Uma dessas funcionalidades do CSS é a capacidade de escolhermos o espaço, a distância entre uma letra e outra de qualquer texto na hora de se criar um site.

Isso é feito de uma maneira bem simples, através da propriedade letter-spacing:

letter-spacing: Xpx;

Onde x é um número correspondente a distância, do espaçamento entre as letras, dado em pixels.
O espaçamento padrão é 0 pixel.

Se colocarmos um valor positivo, como 4px por exemplo, aumentaremos o espaçamento para este valor, veja o código:

<div style="letter-spacing: 4px;">Espaçamento de 4 pixels</div>

O resultado é:

Espaçamento de 4 pixels

Porém, podemos também alterar o valor do espaçamento para menos, aproximando as letras uma das outras.
Para isso, colocamos um valor negativo de pixels.

Por exemplo, a seguinte frase tem espaçamento de -2 pixels:
Código: <div style="letter-spacing: -2px;">Espaçamento de -2 pixels</div>

Coloque esse código em um documento .html e veja o interessante resultado.

Espaçamento entre palavras em CSS - word-spacing: px;

Letras muito espaçadas uma das outras não são muito comuns, pois há pouca utilidade em distanciar os caracteres, afinal um texto onde as letras estão muito distantes é difícil de se ler.

Na prática, o mais comum é distanciar as palavras entre si.
Se quiser ver palavras mais espaçadas que o comum, veja algum texto de jornal ou tente justificar um texto no Word, por exemplo.

Para espaçar palavras, vamos usar a propriedade word-spacing, cuja sintaxe é:

word-spacing: Xpx;

E assim como na propriedade do CSS letter-spacing, x é um número correspondente a distância, do espaçamento entre as letras, dado em pixels.

O espaçamento padrão é 0 pixel, se colocar um valor acima de 0 px, você irá acrescentar uma distância no espaçamento padrão.
Se colocar um valor negativo de pixel, você irá reduzir o espaçamento entre as palavras.

Por exemplo, o seguinte estilo CSS aplicado vai espaçar as palavras em 5 pixels usando a propriedade word-spacing:

<div style="word-spacing: 5px;">Tutorial completo de CSS</div>

Onde o resultado é:

Tutorial completo de CSS

Agora vamos aproximar em  6 px a distância entre as palavras:
Código: <div style="word-spacing: -6px;">Tutorial completo de CSS</div>
Resultado:

Tutorial completo de CSS

Espaçamento entre Linhas em CSS - line-height: %

E por fim, vamos estudar um outro tipo de espaçamento que é muito importante para trabalharmos com liberdade na formatação dos textos de nossos websites, que é o espaçamento entre uma linha e outra.

Para definirmos o espaçamento entre uma linha e outra, usamos a propriedade line-height (altura da linha, em inglês).

Lembrando que você pode usar outras medidas de distância, como em, porcentagem e keywords como valores, como o valor "normal" para colocar o espaçamento padrão de seu browser/sistema, igual como fizemos em nosso tutorial sobre tamanho de fontes em CSS.

Veja diferentes sintaxes para definir o tamanho do espaçamento entre linhas em CSS:

<p style="line-height: 100%">line-height = <br>100%</p>
<p style="line-height: 16px">line-height = <br>16px</p>
<p style="line-height: 1.5">line-height = <br>1.5</p>
<p style="line-height: 2em">line-height = <br>2em</p>

Cujo efeito é o seguinte:

line-height =
100%

line-height =
10px

line-height =
1.5

line-height =
2em

Ler Tutorial

Fonte maiúscula e minúscula em CSS - text-transform: uppercase, lowercase e capitalize

Neste simples e curto Tutorial de CSS, vamos ensinar a formatar qualquer texto de um site, definindo que as fontes fiquem maiúsculas (uppercase), minúsculas (lowercase) e capitalização de palavras (deixar a primeira letra em maiúscula e as demais minúsculas, capitalize), através do atributo text-transform do CSS.

• Baixar PDF: Apostila HTML + CSS Progressivo

Maiúsculo, Minúsculo e Capitalizado - O atributo text-transform

Como fazer para deixar um texto totalmente em fontes cujas letras são maiúsculas?
Ora, só escrever com a tecla Caps Lock ativada que não tem erro.

E se você pegou um texto em minúsculo da internet ou tinha escrito anteriormente em minúsculo?
Como fazer para deixar maiúsculo?
Ok, diversos programas de edição de textos como o Microsoft Office fornecem essa opção.

Mas e se você quiser, por exemplo, deixar todos os textos das tags H1 em maiúsculo?
Vai copiar e colar todas estas tags de cabeçalho no Word?

E se você for contratado por um portal grande, com dezenas de milhares de páginas, e como sua primeira tarefa eles te mandam colocar todas as tags de cabeçalho em maiúsculo e o último parágrafo de cada artigo capitalizado (a primeira letra, de cada palavra, em maiúscula).

E aí, o que você faz?
Pode fazer no Word? Claro que pode, mas iria ter um trabalho gigantesco, quase que humanamente impossível.

Mas relaxe, você estudou pelo Curso HTML Progressivo e domina a arte da estilização de sites com CSS, e vai aprender agora como fazer de uma maneira muito simples, rápida e extremamente eficaz e poderosa, usando o atributo "text-transform".

Fonte Maiúscula em CSS - text-transform: uppercase

Sem mais delongas, vamos aprender como deixar qualquer texto com letras maiúsculas, usando a propriedade text-transform do CSS.

Para fazer isso, usamos a propriedade "text-transform" e o valor "uppercase" (maiúscula, em inglês).
Assim, a sintaxe é:

text-transform: uppercase;

Por exemplo, para que uma tag de cabeçalho H2 seja exibida toda em maiúscula, podemos usar o seguinte código em uma folha de estilos CSS:

h2 {
 text-transform: uppercase;
}

Vejamos outros exemplos de código, que contém uma frase minúscula, mas por ter usado o text-transform com o uppercase, o resultado no site vai ser a frase maiúscula:

<div style="text-transform: uppercase;>apostila html progressivo</div>

Resultado:
APOSTILA HTML PROGRESSIVO

Fonte Minúscula em CSS - text-transform: lowercase;

Sem segredos, para deixarmos um determinado texto com todas as suas letras minúsculas, usamos a propriedade "text-transform" com a seguinte sintaxe:

text-transform: lowercase;

Assim no caso da uppercase, o lowercase faz com que o texto fique em minúsculo, não importando a maneira que você escreva.

Fonte Capitalizada em CSS - text-transform: capitalize;

Existem, basicamente, três maneiras de exibir uma fonte: em minúsculo, maiúsculo ou capitalizado.
Um texto capitalizado é aquele em que todas as primeiras letras, de cada palavra, estão em maiúsculo e o restante minúsculo.

Por exemplo:
O Html Progressivo É Uma Apostila Online De Html E Css.

Assim, a sintaxe para esta propriedade CSS é:

text-transform: capitalize;

Este tipo de formatação de texto é muito comum em Marketing, por exemplo, pois um título que contém a primeira letra de cada palavra em maiúscula costuma chamar bastante atenção.
Se você notar as ofertas que aparecem em redes sociais ou no seu e-mail, vai notar o uso da formatação de textos capitalizados.

Por exemplo o seguinte código:

<div style="text-transform: capitalize">embora eu esteja escrevendo em minúsculo, o css vai capitalizar corretamente este texto</div>

Cujo resultado é o seguinte texto, capitalizado pelo CSS:

embora eu esteja escrevendo em minúsculo, o css vai capitalizar corretamente este texto

Ou seja, se um dia precisar colocar seu texto em maiúsculo, minúsculo ou capitalizar, não precisa quebrar a cabeça com o Word, afinal você é um webmaster, cria sites e sabe HTML&CSS, então use a propriedade text-transform para transformar seus textos.

Ler Tutorial

Fontes em CSS: A propriedade font-family - Tutorial

Neste tutorial de CSS sobre formatação de texto, vamos aprender como escolher as fontes de um site, família de fontes, bem como aprender sobre as fontes mono espaçadas (monospace), serif, sans-serif, cursivas e outras características de uma font em CSS.

• Apostila HTML Progressivo: Fazer download

Ler Tutorial

Sublinhado (underline) em CSS, Sobrelinhado (overline), Riscado (line-through) e Piscando (blink) - A propriedade text-decoration

Neste tutorial de CSS de nossa apostila, vamos estudar a propriedade text-decoration, que nos irá permitir formatar fontes para usar sublinhado (underline), sobrelinhado (em cima, overline), fonte cortada ou riscada (line-through) e fazer o texto piscar (blink).

Ler Tutorial

Fonte em Itálico, Oblíqua e Normal - A propriedade font-style (italic, normal e oblique) - Tutorial de CSS

Neste tutorial de CSS de nossa apostila, vamos iniciar nossos estudos de formatação de textos com CSS, aprendendo a estilizar as fontes com a propriedade font-style, que nos permite deixar as fontes em Itálico, Oblíqua ou Normal.

Ler Tutorial

Tutorial de CSS - Formatação de Textos

Neste tutorial inicial desta seção sobre Formatação de Textos em CSS, vamos explicar melhor o que é formatar um texto, como isso pode ser feito, a importância e propriedades que iremos estudar em nossa apostila de CSS.

• Apostila HTML Progressivo: Fazer download

CSS , Textos e A Nova Web

A internet está se tornando cada dia mais visual e auditiva, é bem comum vermos vídeos, assistir programas de televisão, futebol ao vivo, conversar com amigos via hangout, ver um show de sua banda favorita, filmes, seriados e outras coisas mais interativas.

Outro fator que ajudou bastante esse crescimento das mídias foi o fato da banda de internet no Brasil ter aumentado consideravelmente e os preços terem caído. Hoje em dia, até pessoas mais humildes têm acesso as redes sociais através de celulares.

Porém, embora esta mudança esteja ocorrendo, uma coisa nunca mudou e nunca vai mudar: os textos.
Antigamente, na década de 90, imagem era luxo, praticamente toda a rede era texto.
Os textos ainda continuam, mas surgiram novas mídias.

Sempre existirá textos em sites de notícias, pessoas que preferem ler e escrever nas redes sociais, instruções para preencher um formulário, campos de login e senha, fóruns de discussão, livros em pdf, tutoriais de programação, códigos de programação etc etc.

Podemos ficar aqui durante longos parágrafos falando sobre a importância dos textos e do seu uso, mas seria perder tempo, basta olhar os sites que acessa e ver a importância deles.
E se eles estão presentes em sites, é necessário saber estilizar e formatar textos através de CSS.

CSS em Textos

Qual a última vez que leu um texto sem formatação?
Um site inteiro com a mesma cor, fonte, tamanho, sem parágrafos, divisões, tags de cabeçalhos ?

Imagine um livro inteiro, sem divisão de capítulo, espaçamento de parágrafos, com títulos e rodapé com fonte de mesmo tamanho do texto comum.
É atrativo, é interessante, te motiva a ler?

Ora, um site toda igual, sem divisões lógicas e de design, é igualmente desestimulante.
Usar cor vermelha para notícias, verde para a seção de esportes e laranja para a seção de fofoca não é estética, é design, é marketing. Atrai, chama atenção, faz as pessoas passarem mais tempo em seu site.

Estilizar textos não é estética, ter senso e conhecimentos em fontes, cores e tamanho.é obrigatório, não é à toa que iremos disponibilizar diversos tutoriais de CSS sobre textos.

Lembre-se que fizemos a formatação de textos em HTML, porém, somente com HTML você precisa estilizar cada texto, cada cabeçalho e cada região de seu site.
O que é algo quase que humanamente impossível de se fazer em grandes portais nos dias de hoje.

Mas como vimos na seção sobre Tutorial Básico de CSS, podemos selecionar, identificar e estilizar tags, divisões, identificadores e praticamente qualquer região de qualquer página de um site.
Com um simples código podemos definir a fonte de todas as páginas, a cor de cada título, como se comporta os links quando passamos o mouse e outras infinidades de estilos e efeitos, tudo graças ao CSS.

Com apenas uma folha de estilos você diz como será a seção de moda de seu site, a cor que cada título vai ter, a fonte, o que acontece com o link ao ser clicado, como é o menu lateral com as notícias de esporte, pode colocar uma fonte em itálico em todas as citações de famosos ou políticos e o que mais sua criatividade (e estudo em CSS) permitir.

Tutorial de CSS sobre Formatação de Textos

Agora que já está bem ciente da importância da formatação de textos com CSS, vamos mostrar o que iremos aprender com estes tutoriais sobre o assunto em nossa apostila de CSS.

É importante que você estude, entenda bem e pratique todos os exemplos e exercícios que iremos apresentar, pois estilização de textos com CSS é algo de extrema importância para qualquer pessoa que queria aprender a criar sites.

Dentre outros assuntos, iremos estudar sobre:

• Como aplicar itálico, negrito e sublinhado em textos
• Cores em fontes (color), em hexadecimal, RGB e por nome da cor
• Definir tamanho da fonte (font-size), em pixels, porcentagem, palavras (small, larg etc) e ems
• Família de fonte (font-family), como Arial, Times New Roman, Sans-serif, Helvetica etc
• Fontes monoespaçadas
• Fontes decoradas (text-decoration)
• Fontes maiúsculas e minúsculas (text-transform, font-variant)
• Alinhamento (text-align), margem (margin-) e indentação (text-indent)
• Espaçamento entre letras e palavras (word-spacing e letter-spacing)
• Espaçamento entre linhas de um texto (line-height)
• Listas (list-style-type, list-style-position e list-style-image)

Ou seja, temos bastante estudo pela frente, muitos tutoriais de CSS para aprender :)

Ler Tutorial

charset meta tag - Caracteres especiais em HTML - Como escrever com acento agudo, til, circunflexo, outros símbolos e acentuação

Tente escrever um site simples em HTML, que mostra os seguintes textos na tela:
"HTML Progressivo é uma apostila online."
"Os cursos da rede Progressivo são muito bons."
"Estou estudando com eficiência."

Verá algumas coisas estranhas, uns símbolos estranhos e sem sentido.

Neste artigo de nossa apostila online e gratuita de HTML iremos explicar o motivo de isso ocorrer e como escrever certo em HTML, além de aprendermos a usar outra meta tag, a charset.

• Baixar PDF: Apostila HTML + CSS Progressivo

Ler Tutorial

A < font > tag e seus atributos - Como alterar a fonte, tamanho e cor de textos em um site HTML

Neste tutorial de nosso Curso de HTML, vamos aprender a usar a tag <font>, que serve para definir várias características das fontes que vamos usar para criar nossos sites.

Aprenda a fazer diversos efeitos nos textos de seu site

Essas características são parâmetros que nos permitem controlar o tipo de fonte, cor, tamanho e uma série de outras características que vão nos auxiliar na hora de apresentar um conteúdo em texto para os leitores de nossos websites.

Ler Tutorial

Listas alfabéticas, aninhadas e com outros símbolos

Agora que já aprendemos o que são listas e seus itens, e bem como usar o código HTML das listas do tipo ordenada e não ordenada, vamos agora aprender criar outros tipos de listas, através dos atributos da tag <li> e </li>.

Vamos ver que também é possível, e as vezes necessário, que façamos com que uma lista esteja aninhada dentro de outra.

Ler Tutorial

Aprenda a criar Listas Simples e Listas Ordenadas em HTML

Lista de ingredientes, lista de pessoas, passo-a-passo enumerado de um tutorial...listas e mais listas.

São elementos textuais muito importantes e são de suma importância na criação de sites, para uma boa experiência do usuário e até para o SEO (otimização de sites para buscadores).

Neste tutorial de nossa apostila de HTML vamos aprender como criar dois tipos de listas, as mais comuns:

• listas as simples (que somente apresentam aquelas bolinhas ao lado), que são mostrados na figura de cima

• listas enumeradas (que mostram uma sequência numérica)., que estão sendo exibidas ao lado

Ler Tutorial

Headings tags - Os cabeçalhos h1, h2, h3, h4, h5 e h6

Neste tutorial de nosso curso de HTML, vamos falar sobre a estrutura de um documento em HTML e explicar como devemos dividir e organizar um site, baseado em uma hierarquia de cabeçalhos.


É um assunto que é raramente visto em tutoriais de HTML por aí mas que vai fazer uma grande diferença na organização de seus sites, até porque é uma maneira de formatação que auxilia, e muito, os navegadores e sites de busca.

Ler Tutorial

Formatação de informações e Webdesign em HTML

Como já havíamos dito em nossa seção introdutória de HTML, quando apresentamos essa bela e imensamente usada em todo o mundo, explicamos que criar sites é se preocupar como conteúdo vai ser exibido.

Isso passa pela formatação de textos, objeto de estudo desta seção de nosso curso.

Formatar um texto é aquilo que você fazia ou faz, pois temos muitos leitores estudantes, quando vai/ia entregar um trabalho no colégio. Aumentava fonte, diminuía, realçava um texto, mudava a cor de outro, espaçava etc.

• Fazer download da Apostila de HTML + CSS

Ler Tutorial

< i >, < b > e < u > - Como escrever em itálico, negrito e sublinhado em HTML

Agora que já aprendemos como colocar trechos de texto dentro de um mesmo parágrafo, bem como produzir quebras de linha à qualquer momento em nossos sites através do artigo passado, sobras as tags <p> e <br />, vamos nos aprofundar mais na formatação de textos.

Neste tutorial de nosso curso de HTML, vamos ensinar a vocês como deixar um texto em negrito, itálico e como sublinhar.

Ler Tutorial

< br /> e < p > - Quebra de linha e Parágrafos em HTML

Bom, agora que você já passou pela seção básica de HTML, já tem conhecimentos suficientes para entender como funciona a grande maioria dos websites da Internet, pois já estudou as principais tags (<html>, <head> e <body>), além de ter criado dezenas de site.
Agora vamos seguir em frente, e aprender mais detalhes desse interessante e crescente ramo profissional.

Nesse primeiro tutorial desta seção de Textos, do nosso curso de HTML, vamos aprender a escrever em HTML.

Sim, aprender a escrever. Escrever textos em um site é diferente, ou estava pensando que era igual a usar o Word?

Ler Tutorial