Introdução: Básico sobre HTML e algumas tags

Há um legado de iniciantes aqui querendo aprender o triplo de sua própria vontade para se tornar um grande blogueiro, ou apenas um web designer. Não sou "o fod**" no quesito, mas conheço bem -- sou mais da galera do PHP e do CocoaTouch e Cocoa (ambos para sistemas da Apple) --, mas também, sei coisas que, além de aprender dia a dia no colégio, é o básico para a sobrevivência de todos no mundo da edição de sites.

Falando em iniciantes, no blog, há um tempinho, nosso amigo Kevin já havera criado o post "o que é HTML?", e para muitos, é bom ler.

Tags que deve conhecer

Há um universo de tags padrões, que vem no HTML por natureza, e há aquelas que você cria, que nesse caso, provem de grandes empresas, como por exemplo, a Google com suas ferramentas para sites/blogs em que ela cria suas próprias tags, que por exemplo, é "<g:ferramenta>". Vejamos aqui umas que você deve conhecer se lembrar sempre:

<p>: Ao utilizar esta tag, você automaticamente gera um parágrafo, usando, como por exemplo, desta maneira: "<p>Este é um parágrafo</p>". Nota-se que se deve fechar a tag com uma "/" antes do "p", caso não feche o parágrafo, ele continuará.
<br />: Pule uma linha pondo isto. Só por isto, e tchan, linha pulada -- como podem averiguar, até para pular linha depende-se disto de alguma tag.
<div></div>: O efeito dela é no estilo. Você pode por "<div id="">" ou por "<div id"" class"">" ou "<div style=''>" para utilizar. Usando "id", você vai pegar uma propriedade do arquivo CSS e aplicar, que no caso, vai gerar o estilo que você gerou usando aqueles códigos no CSS, já no "class", vai usar daquela certa classe provindo daquela propriedade, e no "style", você vai criar um estilo sem depender de um arquivo CSS, mas aí já é HTML avançado.
<font></font>: Sem mais delongas, isso você altera o estilo da letra, de certa forma que, só muda coloração, se é em negrito, sublinhado, a fonte, tamanho, e outros demais. No uso, você tem que por que abrir com "<font>", mas invés de fechar direto, ponha os atributos. Existem "type", "color", "size", e outros -- sendo que aqueles são os mais importantes. "type" você muda a fonte, "color", a coloração, e "size" o tamanho.
<h1> - <h6>: Esses são os tão falados "headings". Nisso, você faz títulos, tendo 6 tamanhos. O 1, provavelmente, é o maior, o 2 é o segundo mais usado na internet, e o 3 é o mais usado. Tem de 1 à 6, então, é só mudar o número para usar. Para usar, é só por assim: <h3>Heading3</h3>. No caso, onde fica o "Heading3", você coloca seu texto.
<b></b>: Coloca o texto em negrito. Se deve usar assim: "<b>Texto em negrito</b>".
<i></i>: Deixa o texto em itálico. Se usa da mesma forma que o negrito.
<u></u>: Deixa o texto sublinhado. Se usa da mesma forma que o negrito e itálico.
<del></del>: Deixa o texto riscado (~~como este~~). É bem útil quando se deseja fazer uma piada ou quando você quer negar o que escreveu, pois está errado.
<big></big>: Bom para quem quer deixar o texto maior para destacar algo.
<small></small>: Faz o mesmo que o <big>, só que o efeito é ao contrário, onde você diminui o texto.
<strong></strong>: Tem o mesmo fim que "<b>", mas, pela W3Schools, é mais correto utilizar o <strong> do que o <b>. Daí vai com a sua vontade própria.

Estrutura do HTML

Sempre há aquela estrutura de sempre, e o próprio post sobre o que é HTML já há a estrutura, mas por fim, algo mais detalhado é melhor.
Obrigatoriamente, se deve usar deixar nesta ordem -- acho bom você até gravar isso, porque se não sabe isto, você vai pagar mico.

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

Vamos por parte.

<html></html>: Necessita para verificar se é HTML. Num futuro qualquer, que é algo bem mais avançado, vocês vão entender porque se necessita isso porque há várias linguagens como PHP, C, C#, Python, e a falta disso pode resultar em algo catastrófico.
<head></head>: Significa que você está editando coisas do cabeçalho do blog. Não se deve por nada ali além de scripts e estilos do CSS, por exemplo, se você por algo ali, nada aparecerá.
<title></title>: Já notou na região de título no seu navegador (ou até mesmo na aba) que há um nome ali escrito? O que está escrito ali, aparecerá dependendo do que você escrever entre essa tag.
<body></body>: Dessa tag você começa os inventos. Com isso, você pode começar a produção do seu site, porque ali, você já pode levantar o que vai aparecer para as pessoas.

Sacaram? É bem simples fazer isso. No início, como até eu achei, é meio complicado, mas nada que uma estudada em HTML em uma hora por dia ajude. Mexo nisso há 3 anos e meio, e até hoje eu não sou bom o suficiente porque eu sou meio largado, mas agora eu sei bastante e cá entre nós, isso não é mistério algum. Enfim, deu pra entender? Alguma dúvida? Compartilhe conosco via comentários para nossa equipe ajudar, e se a nossa equipe não ajudar, ainda tem os outros leitores. Vamos ver como se saem e boa sorte :D.