Untitled

Aula 1 - HTML - Elementos: corpo, cabeçalho, título

Falar sobre os elementos e como usar os <HTML>. <HEAD>, <TITLE>, <BODY>

Um poco sobre algumas das principais tags como <b>, <i>, <u>, <p>, ,<h1>...<h5>. <br /> e onde devem ser colocados eles.

Montar algumas paginas de exemplo para verem o funcionamento

Exemplo:
<html>
	<head>
		<title>Minha primeira página de web!</title>
	</head>

	<body>
		Olá gente! Colocaremos alguns conteúdos aqui depois!
	</body>

</html>


Aula 2 - Alinhamentos, Cores e Linhas Horizontais

Falar sobre os alinhamentos:
align="left"
align="center"
align="right"

Cores:

Pagina com uma cor de fundo
<body style="background-color: red;">


Cor em palavras/texto
<h2 style="background-color:#ff0000;">Eu adoro HTML</h2>


linhas Horizontais
<hr/>
bla bla bla
<hr/>
bla bla bla
<hr/>

Aula 3 - marcação e Numeração

Marcação:
<ul>
  <li>Um item de lista</li>
  <li>Outro item de lista</li>
</ul>

Numeração
<ol>
  <li>Primeiro item da lista</li>
  <li>Segundo item da lista</li>
</ol>


Aula 4 - Formatação de Texto e Fonte

Formatação de Texto
<p>Exemplo de<b>Texto em negrito</b></p>

<p>Exemplo de<em>Texto enfatizado</em></p>

<p>Exemplo de<strong>Texto forte</strong></p>

<p>Exemplo de<i>Texto em italico</i></p>

<p>Exemplo de<sup>Texto superior</sup></p>

<p>Exemplo de<sub>Texto inferior</sub></p>

<p>Exemplo de<del>Texto taxado</del></p>

<p>Exemplo de<code>Texto de código de computador</code></p>

Fonte (tamanho e face)
<p><font size="5">Esse é uma fonte de tamanho 5</font></p>

<p><font face="Bookman Old Style, Book Antiqua, Garamond">Esse parágrafo tem sua fonte formata com atributos de face da fonte</font><p>

Obs.:
size =	"Num. Valor 1 ate 7"
color=	"rgb, nome ou hexadecimal"
face=	"nome da fonte"


Aula 5 - Links

Links podem ser:

Internos - para lugares específicos da página (ancoras)
Locais - para páginas do mesmo domínio
Globais - para outros domínios, fora do site

Interno - href="#anchorname"
Local - href="../img/foto.jpg"
Global - href="http://www.kaway404.com/"


Links de texto
<a href="http://www.kaway404.com" target="_blank" title="HTML Tutorials">kaway404</a>


targets

_blank"	Abrir uma nova janela
_self"	Abrir a página na mesma janela
_parent"	Abrir nova página na mesma janela do link
_top"	Abre a nova página no mesmo navegador cancelando todos os demais frames


Link de Email
<a href="mailto:[email protected]?subject=Questions " >Doações aqui</a>

Link de Download
<a href="http://www.kaway404.com/htmlT/apostila.pdf">Documento PDF</a>


Aula 6 - Imagens

<img alt="html image example" src="/assets_tutorials/img/image.jpg"  />

dimensão da imagem
<img alt="html image example" src="/assets_tutorials/img/image.jpg"  width="120" height="75" />

Alinhamento horizontal e vertical de uma imagem

Align (horizontal)

right
left
center

Valign (vertical)

top
bottom
center

Imagem como link
<a href="http://www.Kaway404.com/" title="HTML link">
	<img alt="html image example" src="/assets_tutorials/img/image.jpg" width="120" height="75" />
</a>