Web08 ambiente web (extra)

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>

<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

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

 - QUEBRA DE LINHA

 - PARÁGRAFO

<HR> - LINHA NA HORIZONTAL

 - NEGRITO

 - SUBLINHADO

 - ITÁLICO

 - TAMANHO DA FONTE

 - COR DA FONTE

 - 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)

Documents

Transcript of Web08 ambiente web (extra)