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 momentoe 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