Como prometido no post anterior eu faria um dos cursos da fundação Bradesco e traria aqui o que for aprendido junto dos trabalhos realizados durante o curso.
Então vamos lá! Eu escolhi o curso de HTML básico e me inscrevi
nele. O curso é explicativo e dinâmico, ao final de cada módulo há um exercício
para ser feito e treinar o que foi abordado. Colocarei então os exercícios que
fiz e uma breve explicação sobre cada um deles.
Aqui é o primeiro exercício feito:
Um documento HTML bem simples. Tudo que estiver dentro
desses sinais de menor e menor < > é um tag. Tags são usadas para abri e
fechar comandos em HTML na imagem a cima pode você pode observar a tag <HTML>
e no final </HTML> a barra dentro da tag significa o fechamento da mesma.
Veja a baixo o resultado desse documento já salvo como extensão
html:
A estrutura básica para qualquer pagina na internet é essa a baixo:
<html>
<head>
</head>
<body>
Tudo
quer for escrito aqui dentro da tag Body aparecerá na sua página.
</body>
</html>
Faça o teste. Copie essa estrutura e cole o seu bloco de
notas e na hora de salva escreva o nome que desejar e no final do nome coloque:
.html
Assim que salvar o ícone mudara e aparece o de seu navegador
padrão.
Entenda cada parte:
<HTML> Inicia a
linguagem de marcação.
<HEAD> É a cabeça
da sua página, aqui é utilizado para fazer configurações do seu site
<BODY> Como o
nome já diz, aqui é o corpo do seu site. Todo o conteúdo que for digitado aqui
dentro aparecera na página do seu site
Agora vamos aos exercícios mais elaborados do curso:
Nessas duas imagens dá para observar que já foram incluídos mais
elementos tais como links imagens e formatações das fontes.
E finalmente:
