Este post foi feito a pensar em vocês, meninas que gostam muito do mundo dos blogs e não se contentam com o visual básico e sempre igual que alguns blogs disponibilizam. Para personalizar o template do blog, é necessário ter um mínimo conhecimento em HTML e CSS.
Por essa razão, quero ajudar-vos e dar-vos algum desse conhecimento básico, para que possam fazer templates todos bonitos :P.

~trevortriano

HTML é a abreviatura de HyperText Markup Language. É a linguagem que possibilita apresentar informações de uma página, é tudo aquilo que está contido na página.

As tags são a unidade mais pequena do HTML e, portanto, o código HTML é o conjunto de muitas tags.
Podes reconhecer a tag pelos símbolos "<" e ">" que representam, respectivamente, o início e o fim de cada tag.

No início de cada página há uma tag <html>. Isto significa que o código de HTML vai começar. No final do documento irá aparecer </html>, que indica o fim do código.
Portanto, tudo o que for escrito entre estas duas indicações, será interpretado como HTML.

A primeira tag no documento é <head>. Esta irá abranger a informação sobre o site, como o título, meta tags, style, etc.. Este texto não aparece no browser, mas é muito importante para a página em si.

Entre "<head>" e "</head>" está o título (<title> título aqui </title>). O "título aqui" irá aparecer no topo da janela.

Depois da tag head, existe a tag <body> conteúdo </body>. Tudo o que escreveres no "conteúdo", irá aparecer na tua página. Aqui pões todo o texto, imagens...

Resumindo e concluindo, a estrutura será mais ou menos assim:

<html>
<head>
<title>Título</title>
</head>
<body>
Conteúdo
</body>
</html>

Mudar o tamanho, o tipo de letra e a cor de um texto

Sites Úteis:
- Tabela de cores hexacimal (substitui o "#000000" pela cor que mais gostas);

O texto ficará...
...assim

Tornar negrito, itálico, sublinhado ou riscado o texto respectivamente

~ tcharan

~ tcharan

~ tcharan

~ ~~tcharan~~

Hiperligações
- Se quiseres que o teu link abra na mesma janela...

(sendo URL o endereço do site)
~ experimenta-me

- Se quiseres que o teu link abra numa nova janela...

...basta acrescentar target="_blank a seguir ao URL, ou seja:

~ experimenta-me

- Se quiseres fazer uma hiperligação para e-mail...

(sendo MAIL o e-mail que queres)
~ experimenta-me

Imagens
- Imagem simples

- Imagem como hiperligação

(Sendo URL-SITE o site a que se deve aceder ao carregar na imagem)

Sites Úteis:
- Hospeda as tuas imagens (a única forma de fazer um URL).

Quebra de linha
Ou “dar um enter” não podia ser mais simples:
Texto texto texto <br> texto noutra linha
» Texto texto texto
texto noutra linha

Headings
Para personalizarmos os nossos textos utilizando exclusivamente html podemos utilizar headings:

Corta as tuas pontas espigadas

Estes títulos são 6, onde o h1 é o maior, e o h6 o menor, e com isto podemos definir os nossos títulos nos textos.

Parágrafos
Os parágrafos são bastante simples de explicar pois não passam disso: parágrafos. Por isso, se quisermos escrever um parágrafo utilizando html podemos fazer isso facilmente utilizando o <p>:

Isto é um texto com parágrafo

Nunca se esqueçam de que quando começam uma instrução, têm de a acabar fazendo a instrução mas utilizando a /.

1. Se quiseres copiar os códigos carrega em CTRL + C

2. Estes comandos são maioritariamente utilizados para quem quer construir uma página de web ou fazer um layout/template de blog.
Se queres construir um template para o teu blog, aconselho-te a começar por ver templates já existentes (há imensos sites com layouts disponíveis que podes utilizar) com uma estrutura parecida àquela que queres para o teu blog, para te familiarizares com o código fonte. É complicado construir um template de raiz, ainda para mais se não estiveres familiarizada com HTML e CSS, pelo menos.

O que é o CSS? Isso fica para um próximo post ;).