Ambiente Web
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites
Simples

Parte I
O que vamos aprender:


Utilizando a Linguagem HTML



Construindo nosso Primeiro Site



TAGS Principais



Salvando Documento e Visualizando



Formatações Simples
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;
Construindo nosso primeiro
site
Abra o bloco de notas, Menu Iniciar no campo pesquisar
digite “Notepad”, execute o programa
<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
Salvando e Visualizando
Após digitar esses códigos, vá no menu “Arquivo”,
selecione a opção “Salvar Como...”
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
Meu exemplo
Página será visualizada
assim
Comando TITLE
Comando BODY
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
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;

Web08 ambiente web (extra)

  • 1.
    Ambiente Web Aula Extra– HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte I
  • 2.
    O que vamosaprender:  Utilizando a Linguagem HTML  Construindo nosso Primeiro Site  TAGS Principais  Salvando Documento e Visualizando  Formatações Simples
  • 3.
    HTML  A linguagem deMarcaçã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;
  • 4.
    Construindo nosso primeiro site Abrao bloco de notas, Menu Iniciar no campo pesquisar digite “Notepad”, execute o programa
  • 5.
    <HTML> Este comandoinicia 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
  • 6.
    Salvando e Visualizando Apósdigitar esses códigos, vá no menu “Arquivo”, selecione a opção “Salvar Como...”
  • 7.
    Após abrir essacaixa 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
  • 8.
  • 10.
  • 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 sitesimples utilizando a linguagem HTML falando sobre tecnologia (tema livre);  Salvar este site, sentando em dupla deve conter informações sobre os 02 alunos;