Curso de HTML - Aula 3 – Criando sua Primeira Página

[Autor: Gleison]

---

Dentro de uma pagina de HTML devem-se ter quatro coisas: Tags, Atributos, Valores e Conteúdo.
Todos os códigos que são responsáveis de fazer algo dentro do HTML são chamados de tags, eles estão representados entre <>sendo sempre a primeira palavra ou caractere, aqueles que tem tem a função de fechar o tag.

---

Todos os códigos que são utilizados para complementar os tags são chamados de atributos. Eles vem sempre depois do tag.

---

Valores são números ou textos que definem um valor ao atributo.

---

Tudo o que aparece na pagina quando ela e carregada no navegador é chamado de conteúdo.

---

O único programa necessário é um editor de texto simples, o mais recomendado é o bloco de notas do Windows.

---

Sempre que formos iniciar uma página deve-se iniciar pelo tag e terminar com .
vamos fazer um teste.
Abra o Bloco de notas e digite





agora vá no menu arquivo opção salvar, escolha uma pasta e digite ex1.html e clique em salvar.

---

Isso é algo que acredito que haveria duvidas sobre o porquê salvar com o nome + .HTML, bem e muito simples o nome após o ponto indica a extensão do arquivo e sendo assim em qual programa será aberto. O documento de texto simples pode assumir qualquer extensão, tanto é que se for salvo com a extensão MP3 ele será aberto pelo tocador de MP3 do seu PC.
Isto é bem útil em programação, pois programas pagos geralmente salvam arquivos de texto que contem a informação da data de instalação na pasta do Windows e com a extensão DLL, porque assim fica difícil de encontrar já que ninguém em sã consciência apagaria uma DLL do diretório do Windows. Além de que muitos servidores da web só aceitam como páginas principal arquivos HTML por esse motivo iremos usar esta extensão.

---

Para testar a página vá até a pasta e clique duas vezes sobre o arquivo ex1.html, veja que abrirá uma página em branco, isso porque ainda não digitamos seu conteúdo.

---

No cabeçalho e onde inserimos comentários sobre a página, chamamos CSS, e colocamos título na página, para criar o cabeçalho deve se utilizar o tag após o tag .
Vamos testar ainda no documento ex1.html digite o seguinte código a fim de que fique igual ao exemplo. Adicione o tag entre os tags e .
Sua pagina deve estar assim.






Salve seu arquivo, vá ate o seu navegador e atualize a página, veja que ainda não ocorrem alterações.

---

Para inserir um título na pagina usamos o tag entre o tag e .
Volte ao arquivo ex1 e deixe o código como no exemplo.
OBS: Não copie os códigos pois devido á formatação aqui aplicada pode ocorrer erros na hora da cópia, alem de que assim você se acostuma com os códigos.






Salve seu arquivo e atualize a página no navegador, veja que agora a página tem um título.

---

Para inserir conteúdo na página usamos o tag e sendo que qualquer coisa que irá aparecer na página deve estar entre estes tags, este tag deve ser inserido após o tag .
Volte ao arquivo ex1 e deixe o código como no exemplo.





Este é o meu primeiro texto na página


Salve o arquivo e atualize a página no navegador, veja que agora aparece texto na página.

---

Texto azul = Códigos e atributos do HTML
Texto Azul em negrito = Codigos a serem adcionados ao codigo já existente.
Texto preto = Conteúdo da pagina.
Texto verde = Observações e considerações importantes.

---