<HTML5>
Vamos Começar?
Mas... Vamos com muita calma nessa hora!!!
<HTML5>
O Início!
Bloco de Notas
Visualizar no Navegador
Editar um código já existente
<O Início>
Para darmos inicio aos estudos sobre html5, vamos voltar um pouco ao passado não tão distante assim. O XHTML e suas regras que não mudaram tanto em relação ao HTML5.
Nesta primeira aula vamos aprender algumas TAGS básicas e ao final da aula estaremos aptos para desenvolver um arquivo básico, salvar este arquivo e visualizar o arquivo no navegador de sua preferência.
Vamos lá!
<O Início>
Preparem-se amigos, a partir de agora vamos ler e escrever muito código, por isso tenham muita atenção
e aproveitem ao máximo o conteúdo.
Precisamos ter um ponto de saída, uma tela em branco para nosso trabalho e neste caso vamos utilizar o já saudosista bloco de notas! SIM , ele serve para muitas coisas e uma delas é escrever códigos HTML.
<Bloco de Notas>
Após abrirmos o Bloco de Notas o que temos é uma simples tela em branco.
<Bloco de Notas>
Verifique se a quebra de linha está ativa. Ative a mesma caso não esteja ativada. Para ativar vá até o menu Formatar/ Quebra automática de linha.
<Bloco de Notas>
Pronto! Podemos a partir de agora escrever nossos códigos...
<Bloco de Notas>
Após nosso trabalho, podemos salvar o arquivo.
Ao salvar o arquivo pela primeira vez, vamos fazer da seguinte forma: Vá até o menu Arquivo/ Salvar como... ou CTRL+S
<Bloco de Notas>
Na tela abaixo faça as seguintes alterações:
- Nome: nome.html
- Codificação: Mude a codificação para UTF-8
- Tipo: Visualizar todos os arquivos
<Bloco de Notas>
Pronto! Seu arquivo está salvo.
IMPORTANTE
: Salvem sempre seus arquivos!!! Utilize o comando CTRL+S e não perca tempo!!!
<Visualizar minha página>
Para visualizarmos o conteúdo recém-criado no Boco de Notas, precisamos acessar um navegador. Podemos escolher diversos navegadores, fiquem a vontade... No meu caso estou utilizando o Google Chrome.
<Visualizar minha página>
Vamos visualizar a página que acabamos de criar?
Basta um duplo clique sobre o ícone do navegador para que consigamos visualizar o conteúdo em nosso navegador.
<Visualizar minha página>
Agora, visualizamos nossa primeira página HTML.
<Visualizar minha página>
Podemos ver o código-fonte de nossa página, basta clicar com o botão direito e ir em Exibir Código-Fonte da Página.
<Visualizar minha página>
Nosso código fonte pronto e igual ao que fizemos no bloco de notas!
<Editar um código já existente>
Editar um código já existente é muito simples. Com o Bloco de Notas aberto clicamos em Arquivos/ Abrir... escolhemos a opção todos os arquivos e a codificação UTF-8.
Basta encontrar o arquivo desejado e abrir...
<Editar um código já existente>
Depois basta salvar o arquivo e apertar F5 no seu navegador para conseguir visualizar as alterações efetuadas.
<Próximos Passos>
Primeiros Passos
By hermanochico
