Curso html Basico-Intermediario

HTML - Curso Basico





Curso de HTML basico



Aprendendo os conceitos básicos em alguns minutos




Sem muitas voltas....

1 - Introdução
HTML é a sigla de Hyper Text Markup Language (Linguagem de marcação de hipertexto), ou seja, a linguagem usada para criar páginas Web.

Existem outras que tambem podem ser usadas para criar paginas de Web ( Sites)
mais se você não souber HTML nem adiante primeiramente você deve aprender HTML para depois partir para outras tais como : PHP, SQL ( Banco de dados, vai aprender mais pra frente)

2 - Tags
Tag São os comando que você usa para criar Montar Sua pagina web Ou site como você quiser chamar 
Exempo:
<html> - Isto é uam tag o "HTML" é o comando

</html> - Isto é uma tag o "HTML" é o comando

Perceberam que no de baixo tem uma barra? " / "
</html>

essa barra faz com que acabe o comando ali por Ex:

Ex:

<html>
Isso diz que td que tiver aqui dentro é HTML
Tudo que estiver aqui esta dentro do HTML
Faz parte do HTML
entendeu?
<html>

sendo assim oq esta aqui não é mais HTML não esta no HTML não faz parte do HTML

Compreenderam??


3 - Editores

você pode criar seu site, ou seja digitar suas tags dentro de qualquer editor como no Bloco de notas (Notepad) ou Wordpad etc... qualquer editor de textos comum e simples


4 - Salvando uma página HTML

Em qualquer que seja o editor de 
texto, é possível construir uma página 
HTML, porém para que essa página 
seja executada, é necessário que ela 
seja salva como arquivo HTML, 
veja a figura 1. 











Veja em Nome você Coloca o nome que você quiser mais no final coloque " .html " sem aspas
Por exemplo:
MinhaPagina.html
PaginaWeb.html
Sitte.html
Nome.html

mais em baixo você vai achar " TIPO " Clique ali e escolha a Opção:   Todos os arquivo s(".") 

e salve sua pagina onde qusier, mais calma ainda nem criamos pagina.

5 - Iniciando uma página HTML


O corpo básico de uma página HTML, 
é composto pelas tags, 
<HTML>

</HTML> e 
<BODY>

</BODY>.  (não nessa ordem)

não faz diferença as tags estarem em letras maiuscula ou minusculas

vamos fazer a pagina

se não entender não se preocupe explico depois

<html> - tag html  Isso diz que tudo que entiver entre <html> e </html> faz parte do html
<head> - tag Head Isso diz que tudo que entiver entre <head> e </head> faz parte do head 
<title> </title> - tittle usa o msm sistemas da outras tag <title> pertence a tittle</title> e assim por diante 
</head>
<boddy>

</boddy>
</html>

Ex2:

<html> - começo da sua pagina html
<head> -  Cabeçalho 
<title> aqui vai o nome da sua pagina </title> - titulo da pagina
</head> fim do cabeçalho
<boddy> - corpo da sua pagina

Isso é, tudo o que estiver aqui é o que vai aparecer na sua pagina,tudo o que escrever aqui aparece na sua pagina

</boddy> - fim do corpo da sua pagina
</html> - fim da sua pagina html

mão a obra vou clocar a pagina aqui em baixo vocês copiem e façam as alterações nos nomes td mais...

( não prescisa ser colorido coloquei assim para ver melhor)
COPIE: (melhor você ir digitando para aprender)

<html> -
<head> - 
<title>Tecnologias Vip, Tudo oque você procura</title> -
</head>
<BODY bgcolor=”#000055”>
<H1>  As tags tem que ser postas dentro do Boddy<H1>
<H1>Aqui será Exibido o texto no maior tamanho possível</H1> 
<H2>Aqui será exibido um texto menor...</H2> 
<H3>...aqui será exibido um texto menor...</H3>  
<H4>...aqui será exibido um texto menor...</H4>  
<H5>...aqui será exibido um texto menor...</H5>  
<H6>...E aqui será exibido o menor texto possível com a tag </H6>  

<h3>
em vez de simples " < boddy> "
essa tag:                "<   BODY bgcolor=”#000055” >"
deixa sua pagina Azul
o codigo "#000055" varia com a cor que você quer mais pra frente passo a tabela de cores... </h3>



</boddy>
</html>

Agora copie e salve no Sua Are de Trabalho em Html
depois abra a pagina e veja o resultado

PS: Todas as tags tem quer postas entre <boddy> e </boddy>

se você quiser pular uma linha você precisa usar a tag <BR>
pois no html não adianta você clicar no enter que não pula linha

exempo coloque assim entre <Boddy> e </boddy>

fazendo um teste para pular linha<BR> ja deve ter pulado de linha nesse momento

e dessa forma fikara asism
fazendo um teste para pular linha
ja deve ter pulado de linha nesse momento
e se quiser usar parágrafo use a tag <p> aqui a frase que você quer por Parágrafo </p>
a tag "p" serve tbm para


<P align=”Center”>Alinha o texto
escrito aqui ao centro da página</P>



<html> -
<head> - 
<title>Tecnologias Vip, Tudo oque você procura</title> -
</head>
<boddy>
fazendo um teste para pular linha<BR> ja deve ter pulado de linha nesse momento
<p> aqui a frase que você quer por Parágrafo </p>
<P align=”Center”>Alinha o texto 
escrito aqui ao centro da página</P>





</boddy>
</html>


Obs.: Os Alinhamentos podem ser: 
Comando :            |   Posição :
align=”left”            |   Esquerda - Padrão 
align=”right”          |    Direita 
align = “center”     |    Centro 



Atributo font 
Além de todos os atributos para se escrever textos no HTML, há o mais útil de todos, o atributo font. 
Nele pode conter a formatação de letra, tamanho e cor. 

Por Exemplo: 

<font color="#AA0000" face="arial" size="12">Onde Face é a letra, Size, é o tamanho da letra e color é a cor da letra</font> 


PESSOAL O CURSO VAI IR ATÈ AQUI VLW...

Ainda não é um mebro?
Ta esperando oque?
Entre aqui
Cadastre-se
EmoticonEmoticon