Sistemas operacionais (extra)

197 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
197
No SlideShare
0
A partir de incorporações
0
Número de incorporações
98
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Sistemas operacionais (extra)

  1. 1. Sistemas Operacionais Aula Extra – HTML Professor: Anderson Henrique Como funciona a Construção de Sites Simples Parte I
  2. 2. Utilizando a Linguagem HTML Construindo nosso Primeiro Site TAGS Principais Salvando Documento e Visualizando Formatações Simples O que vamos aprender:
  3. 3. 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
  4. 4. Abra o bloco de notas, Menu Iniciar no campo pesquisar digite “Notepad”, execute o programa Construindo nosso primeiro site
  5. 5. <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
  6. 6. Após digitar esses códigos, vá no menu “Arquivo”, selecione a opção “Salvar Como...” Salvando e Visualizando
  7. 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
  8. 8. Meu exemplo
  9. 9. Página será visualizada assim Comando TITLE Comando BODY
  10. 10. <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
  11. 11. 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

×