Textos em HTML e CSS

Sem dúvidas, a maior parte das informações contidas nos sites da Internet estão em formato de texto.

São artigos, notícias, tutoriais, contos, piadas e uma infinidade de outras utilidades.
Existem até livros inteiros, como a Bíblia, à disposição em textos na Internet.

Se notar bem, porém, eles não são exibidos de maneira igual.
Possuem fontes, tamanhos e cores diferentes.
Em um portal de notícias, por exemplo, existem dezenas de blocos de texto, em baixo das figuras, uns em cima, outros embaixo, alguns ao lado, com trechos sublinhados, em negrito, itálico e por ai vai.

Ou seja, em HTML não é simplesmente escrever. Temos que cuidar da formatação e da maneira com que estes textos são exibidos para o usuário. Por isso vamos dedicar uma seção inteiramente ao estudo dos textos, formatação e exibição, aqui em nosso curso online de HTML.


Tutorial de HTML sobre Formatação de Texto

01. A importância da formatação de textos no Webdesign
02. Como produzir quebras de linha e fazer parágrafos - As tags <br /> e <p>
03. Textos em negrito, itálico e sublinhado - As tags <b>, <i> e <u>
04. Hierarquia de um documento - As tags de cabeçalho <H1>, <H2>, <H3>, <H4>, <H5> E <H6>
05. Como criar listas ordenadas e não ordenadas
     5.1 Listas ordenadas alfabeticamente, aninhadas e com outros símbolos marcadores
06. A tag <font> - Como alterar a fonte, tamanho e cores de um texto
07. charset <meta> tag - Como escrever símbolos e acentos ortográficos em HTML



PS: Só estude pelos seguintes tutoriais se já tiver estudado HTML

Tutorial de CSS: Formatação de Textos

01. Formatação de textos com CSS
02. Fonte em Itálico, Oblíqua e Normal com font-style
03. Fonte em Negrito: A propriedade font-weight
04. Fonte com Sublinhado (underline), Sobrelinhado (overline) e Piscando (blink): text-decoration
05. Tipo e Família de Fonte em CSS: font-family
06. Tamanho de Fonte: font-size
07. Cores em Fontes: A propriedade color
08. Fonte maiúscula (uppercase), minúscula (lowercase) e capitalizada (capitalize): text-transform
09. Espaçamento entre letras (letter-spacing), palavras (word-spacing) e linhas (line-height)
10. Alinhamento de texto em CSS - A propriedade text-align: left, right, center e justify
11. Como indentar (espaçar) a primeira linha do texto - A propriedade text-indent
12; Margem (espaço) entre parágrafos - A propriedade margin-top e margin-bottom


Tutorial de HTML5

Nenhum comentário: