Pc: HTML ( Mini Curso )PC Disconnect

: AULA 01 :

: BASE :

Bem, primeiro, HTML é o que cria essa página, é o que cria TODAS as páginas existentes...

html é um arquvio que pode ser hospedado ( Yahoo, V10, etc.. )

Vamos começar...

Abra o Bloco de notas. ( Digite no menu executar - notepad )

depois, adicionamos a base.

<html>

<head>

</head>

<body>

</body>

</html>

Você viu ai em cima quê...

Todas as tag's "<>" começam "<>" e teminam "</>

Exemplo, se eu começo o <html> termino com </html>

então, vamos começar

- DIGITANDO -

<html>

<head>

<title> Primeira aula </title>

</head>

<body>

Olá mundo

</body>

</html>

Neste exemplo eu adicionei o título ( na tag HEAD ) e escrevi ( na tag BODY )

Para Salvar, clique em salvar como...

e digite o nome que você quiser e mude a enxtenção para html

exemplo

meusite.html

para testar para ver como fica, basta abrir.

Até proxima aula

( Parágrafos )

- b y h a c k e r d e s c o n n e c t

: AULA 02 :

: PARÁGRAFOS :

olá, vamos começar a criar os parágrafos do nosso primeiro site.

Agora vamos adicionar as tag's <p> e <h> no <body>

vamos fazer assim

<html>

<head>

<title> Segunda aula </title>

</head>

<body>

<p align="center"><h1>Olá mundo</h1></p>

</body>

</html>

Então, aqui vamos criar um parágrafo, deixando-o no meio e também deixando seu nome como nome de título.

Explicando:

<p align="center"> pode ser right e left, por exemplo, você quer alinhar algum texto a direita

você coloca

<p align="right"> Meu texto da direita </p>

entendeu ?

agora o H1 para quê serve ?

<h1> Titulo maior </h1>

<h2> Titulo um pouco menor </h2>

<h3> Titulo normal </h3>

e assim vai, quanto menor o "h" maior será o tamanho do texto

Vamos a outra tag, a "br" <br>

Nao, não é do brasil nao...

a tag br, é como break, "Quebra a linha"

exemplo

<html>

<head>

<title> Segunda aula </title>

</head>

<body>

<h1><p align="center">Olá mundo</p></h1>
<p align="left"><h2> Essa é minha segunda aula </h2></p>
<p align="right"> lol, eu estou aqui... </p>
é isso ae<br> flws<br> quebra de linha sem precisar da enter<br>

</body>

</html>

é isso aew galera, até o próximo post
( Cores e fonte )

> by haCker deSconnect

: AULA 03 :

: CORES E FONTE :

As cores e as fontes de um site é deixar o site bem legal

Primeiramente, O que é FONTE ?

Fonte é o que desenha as letras ..

por exemplo

ESSA É A FONTE COURIER

ESSA É A TIMES

ESSA É A VERDANA

GEORGIA

e etc..

e agora eu esqueci qual é a do blog... ¬"

Bem, depois de escolher a fonte (font)

vamos programar.

Primeiro, para adcionarmos uma cor precisamos saber seu código ( Ou nome em inglês para uma cor sólida )

por exemplo ( #FF0000 ) é o mesmo que "red"

e #00FF00 é "green"

e #0000FF é "blue"

Então, no nosso site está

<html>

<head>

<title> Segunda aula </title>

</head>

<body>

<h1><p align="center">Olá mundo</p></h1>
<p align="left"><h2> Essa é minha segunda aula </h2></p>
<p align="right"> lol, eu estou aqui... </p>

</body>

</html>

Vamos deixar ele locão!!

primeiro a cor do BackGround ( Fundo )

- essa tag é usado na BODY ¨ bgcolor="" ¨

então vamos fazer

<html>

<head>

<title> Terceira aula </title>

</head>

<h1><p align="center">Olá mundo</p></h1>
<p align="left"><h2> Essa é minha segunda aula </h2></p>
<p align="right"> lol, eu estou aqui... </p>

</body>

</html>

ISSO IRÁ DEIXAR TUDO PRETO ...

- porque o Fundo está preto, e a fonte também..

mais aii. vamos fazer

<html>

<head>

<title> Terceira aula </title>

</head>

<font face="verdana" color="red" > <h1><p align="center">Olá mundo</p></h1>
<p align="left"><h2> Essa é minha segunda aula </h2></p>
<p align="right"> lol, eu estou aqui... </p></font>

</body>

</html>

a tag font fica dentro do body, então defini a face="Verdana"

face é a font em sí

e a cor, para vermelha

então

color="red"

poderia ser também,

color="#FF0000"

(This is not END ? )

- by hacker desconnect

: AULA 04 :

: Efeitos de Texto :

Alo Galera Vamos Aprender Uma Coisinha bem importante no HTML

NEGRITO
ITÁLICO
SUMBLINHADO

<b> é negrito
<i> é itálico
<u> é sumblinhado

Então vamos fazer o seguinte.

<html>

<head>

<title> Quarta aula </title>

</head>

<font face="verdana" color="red" > <h1><p align="center"><i>Meu Site</i></p></h1>
<p align="left"><h2> <u>By Hacker Desconnect Help</u> </h2></p>
<p align="right"><b> www.pcdsiconnect.blogspot.com</b></p></font>

</body>

</html>

Mais, os link's não são só Escrever ( Tipo Orkut, ou Msn...) Vamos aprender um pouco sobre os Link's

: Links :

Geralmente eles ficam Azuis, (Por padrão do seu navegador) e sumblinhado,

para podermos inserir Link's, devemos Usar o Href na tag <a>

exemplo

<a href="http://www.pcdisconnect.blogspot.com"> Este é meu blog </a>

pode também ser usado direto de um dirétório de seu computador, por exemplo,

<a herf="umapag.html">Uma página do meu PC</a>

<a herf="segpag.html">Uma segunda página do meu PC</a>

Nota : Quando for digitar um link de um site, digite o Http:// antes

por exemplo

http://www.site.com

Então vamos fazer

<html>

<head>

<title> Quarta aula </title>

</head>

<body bgcolor="black" link="green">

<font face="verdana" color="red" > <h1><p align="center"><i>Meu Site</i></p></h1>

<p align="left"><h2> <u>By Hacker Desconnect Help</u> </h2></p>

<p align="right"><b><a href="http://www.pcdisconnect.blogspot.com">Meu blog</a></b></p></font>

</body>

</html>

Se vocêis são bem observadores, vocês observaram que eu adcionei uma tag em BODY

chamada link, Link vai determinar a cor do link da pág, no caso coloquei verde ( Para diferenciar com a fonte )

Então por enquanto é isso,

: EXTRAS :

Cpick - programa para pegar cores e codifica-las ( Cores em códigos #00FF00 e etc...) + menos de um mega

Pc

Pesquise

Páginas

HTML ( Mini Curso )