Sistemas Operacionais
Aula Extra – HTML
Professor: Anderson Henrique
Como funciona a Construção de Sites Simples
Parte I
Utilizando a Linguagem HTML
Construindo nosso Primeiro Site
TAGS Principais
Salvando Documento e Visualizando
Formatações Simples
O que vamos aprender:
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;
HTML
Abra o bloco de notas, Menu Iniciar no campo pesquisar
digite “Notepad”, execute o programa
Construindo nosso primeiro site
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Este comando inicia nosso documento html
Este comando inicia o cabeçalho do site
Este comando inicia o título do site
Aqui você digita o título do site
Este comando fecha o título do site
Este comando fecha o cabeçalho do site
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
Este comando fecha o corpo do site
Este comando fecha nosso documento html
Após digitar esses códigos, vá no menu “Arquivo”,
selecione a opção “Salvar Como...”
Salvando e Visualizando
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
<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
Formatação Simples
Construir um site simples utilizando a linguagem
HTML falando sobre você, quem é você, o que gosta
de fazer, onde estuda, onde mora, qual a carreira
profissional que você pretende seguir;
Salvar este site, sentando em dupla deve conter
informações sobre os 02 alunos;
Atividade

Sistemas operacionais (extra)

  • 1.
    Sistemas Operacionais Aula Extra– HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte I
  • 2.
    Utilizando a LinguagemHTML Construindo nosso Primeiro Site TAGS Principais Salvando Documento e Visualizando Formatações Simples O que vamos aprender:
  • 3.
    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; HTML
  • 4.
    Abra o blocode notas, Menu Iniciar no campo pesquisar digite “Notepad”, execute o programa Construindo nosso primeiro site
  • 5.
    <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> Este comando inicianosso documento html Este comando inicia o cabeçalho do site Este comando inicia o título do site Aqui você digita o título do site Este comando fecha o título do site Este comando fecha o cabeçalho do site 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 Este comando fecha o corpo do site Este comando fecha nosso documento html
  • 6.
    Após digitar essescódigos, vá no menu “Arquivo”, selecione a opção “Salvar Como...” Salvando e Visualizando
  • 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.
    Página será visualizadaassim Comando TITLE Comando BODY
  • 11.
    <BR> - QUEBRADE 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 Formatação Simples
  • 12.
    Construir um sitesimples utilizando a linguagem HTML falando sobre você, quem é você, o que gosta de fazer, onde estuda, onde mora, qual a carreira profissional que você pretende seguir; Salvar este site, sentando em dupla deve conter informações sobre os 02 alunos; Atividade