Este documento fornece instruções sobre como construir um site HTML simples em três etapas: 1) Utilizando tags HTML básicas como <HTML>, <HEAD>, <TITLE>, <BODY> para estruturar o site; 2) Salvando o arquivo como "index.html"; 3) Adicionando formatação simples como quebras de linha e tags para negrito, itálico e sublinhado.
1. Ambiente Web
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites
Simples
Parte I
2. O que vamos aprender:
Utilizando a Linguagem HTML
Construindo nosso Primeiro Site
TAGS Principais
Salvando Documento e Visualizando
Formatações Simples
3. HTML
A linguagem de Marcação de Hipertexto é utilizada na construção
de websites;
A Sintaxe é simples, os comandos são identificados pelos sinais de
“< >”, podem ser fechados quando usamos “</ >”.
Vamos praticar abrindo o “Notepad”, Bloco de Notas;
5. <HTML> Este comando inicia nosso documento html
<HEAD>
Este comando inicia o cabeçalho do site
<TITLE> Este comando inicia o título do site
Aqui você digita o título do site
</TITLE> Este comando fecha o título do site
</HEAD> Este comando fecha o cabeçalho do site
<BODY> Este comando inicia o corpo do site
Aqui você insere todo o conteúdo do site, tudo o que
for inserido aqui aparecerá no navegador
</BODY> Este comando fecha o corpo do site
</HTML> Este comando fecha nosso documento html
7. Após abrir essa caixa de
diálogo, escolha o local
onde deseja salvar o
documento, e nomeie o
documento com
“index.html”, de
preferência o salve em
uma pasta com o seu
nome.
Index.html
11. Formatação Simples
<BR> - QUEBRA DE LINHA
<P> - PARÁGRAFO
<HR> - LINHA NA HORIZONTAL
<B> - NEGRITO
<U> - SUBLINHADO
<I> - ITÁLICO
<FONT SIZE> - TAMANHO DA FONTE
<FONT COLOR> - COR DA FONTE
<FONT FACE> - TIPO DE FONTE
12. Atividade
Construir um site simples utilizando a linguagem HTML
falando sobre tecnologia (tema livre);
Salvar este site, sentando em dupla deve conter
informações sobre os 02 alunos;