Numa página deve-se separar o conteúdo da apresentação, falo de HTML quando digo conteúdo e falo de CSS (Folhas de estilo) quando falo em apresentação. Mas criei uma secção apenas de CSS pelo que aqui falarei nas formatações existentes dentro do HTML.
Todos estes códigos serão introduzidos entre as tags <body> e </body>.
Os códigos HTML (as tags), normalmente são abertas e depois fechadas, como por exemplo, fazer um parágrafo:
Parágrafo
Mas existem alguns diferentes que apenas têm uma tag e fecham-se automáticamente (isto em XHTML) pois em HTML não se notará diferença.
A quebra de linha ou inserir uma imagem são exemplo disso. A quebra de linha é como o ENTER do teclado.
Quebra de linha:
Em XHTML, notar-se-ia diferença neste código:
Por ser mais restrito, é obrigatório que feche desta maneira. Mas em simples HTML não é preciso.
Formatações conhecidas de texto:
Negrito
- <strong>Negrito</strong>
Ou pode também ser utilizado
- <b>Negrito</b>
Itálico
- <em>Italico</em>
Ou
- <i>Itálico</i>
Sobre estes dois anteriores, o negrito e o itálico, podem ser utilizados com duas tags diferentes para ambos, não existe grande diferença, o <strong> e o <em> (emphasys) costuma ser para dar mais importância a um texto em concreto, apesar dos browsers não diferenciarem, o <b> e o <i> podem também ter a vantagem de diminuir caracteres, acho mais correcto o strong e o em mas fica ao vosso critério. No entanto, tem de se utilizar apenas os dois em conjunto, se começares com <strong> tens de terminar com </strong> e não começar em <strong> e terminar em </b>, o mesmo para os outros exemplos.
Riscado
Alternativa em CSS: text-decoration: line-through.
Sublinhado
Alternativa em CSS: border-bottom: 1px solid #000 ou em links: text-decoration: underline (por exemplo).
Encapsulamento: quando se abre uma tag por exemplo de itálico e depois abre-se uma de negrito, ao fechar, deve-se fechar primeiro a de negrito e depois a de itálico:
