Aula de Programação Web - HTML 2.1

Olá galera da Aldeia RPG, Hoje vou mostrar como fazer textos em HTML .
Bom, então vamos lá:

Vamos começar pela base um simples parágrafo:

Código:

<p> </p>

Pronto isto é um Paragrafo. Fácil não?

Bem, após o Paragrafo vamos fazer uma Quebra de Linha, por que não da pra escrever algo Infinitivamente né? O código é assim:

Código:

<br/>

Isso mesmo este código, eu mencionei ele na ultima aula, e um exemplo dele:

Código:

<p> Olá Aldeia RPG </p><br/><p> Eu sou o Lupans </p>

<!-- Ou então -->
<p> Olá Aldeia RPG <br/> Eu sou o Lupans </p>


Vejam que ao executar isto ou seja abri-lo em um navegador, o 1º Exemplo fica meio "Bugado", aprenderemos á resolver isto futuramente. E só lembrando que sempre sera necessário utilizar a base do código HTML, que esta na Aula 1.

Bem, agora vamos ver o Negrito, Juntamente a ele iremos ver o Itálico, o Sublinhado, e o Riscado.

Para fazer o negrito utilizaremos o seguinte código:

Código:

<b> </b>

Um Exemplo:

Código:

<p><b> Olá Aldeia RPG. </b></p>

Ele ficará +/- assim:
 Olá Aldeia RPG. 

Para fazer o itálico utilizaremos o seguinte código:

Código:

<i> </i>

Um Exemplo:

Código:

<p><i> Olá Mundo. </i></p>

Ele ficará +/- Assim:
 Olá Mundo. 

Para fazer o Sublinhado:

Código:

<u> </u>

Um Exemplo:

Código:

<p><u> Olá ^.^ </u></p>

Ele ficará +/- Assim:
 Olá ^.^ 

E claro para fazer o Riscado:

Código:

<s> </s> ou então <strike> </strike>

Em Exemplo ambos os casos:

Código:

<s> Lupans 1 </s>
<strike> Lupans 2 </strike>

Ambos ficarão assim se executados:
 Lupans 1  Lupans 2 

OBS¹: Não é Necessário colocar Paragrafo, só coloquei por que estou mais acostumado a colocar textos só em Parágrafos, mas não á necessidade disso.


Bem, agora vou ensinar, a como deixar a fonte Grande, porém isto tem um Padrão (Temporariamente), ou melhor isto que vamos usar tem um Padrão mas futuramente irei ensinar a editar a fonte livremente, ou quase .

Vamos lá, aqui só irei dar os códigos:

Código:

<h1> </h1>

Código:

<h2> </h2>

Código:

<h3> </h3>

Código:

<h4> </h4>

Código:

<h5> </h5>

Se quiser ver como elas ficão acesse o Exemplo Logo Abaixo.


Bem, por agora é só. Em breve farei uma Nova aula.
E algumas aulas nossas estarão no Site: aulasweb.esy.es, um site que colocarei hospedado os Exemplos, então ele está limpo. Quem sabe com o tempo não arrumamos ele?