html - hypertext markup language professora: fabrícia f. de souza

8
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Upload: ricardo-dreer-castanho

Post on 07-Apr-2016

268 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

HTML - HyperText Markup

Language

Professora: Fabrícia F. de Souza

Page 2: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Preparação de diretório

Pasta Seu nome

Arquivos: tarefas.html

Arquivo: pagina inicial.html

Imagens

Page 3: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

HTML - HyperText Markup Language

• Linguagem padrão utilizada para acesso e exibição de páginas web

• Os comandos são interpretados pelo Navegador (Browser), que

mostra o resultado final ao utilizador.

• Os comandos são constituídos por textos e códigos especiais

denominados Tags ou marcas

Page 4: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Estrutura de um ficheiro HTML

• As tags (comandos) são inseridas dentro do simbolo menor que

“<“ e maio que “>”.

• Exemplo: <html>, <body>, <br>

• As tags começam sempre abertas < ...> e encerram fechadas < /..>

• Exemplo: <html> </html> , <body> </body>

• Nem todas as tags precisam ser fechadas, como por exemplo a

tag: <p> que insere um espaço entre as linhas

Page 5: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Primeiros comandos HTML

Abra o bloco de notas e digite

Abra o Browser e visualize

Page 6: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Primeiros comandos HTML

Digite no bloco de notas Visualize no Browser

Page 7: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

Exercitando os comandos HTML• No bloco de notas, abra o arquivo “ Pagina Inicial”

• Insira um texto de no máximo 10 linhas

• Formate o texto utilizando as seguintes tags:

• Itálico: <I> texto </I>

• Negrito: ou bold: <B> texto </B>

• Sublinhado: <U> texto </U>

• Bold e itálico: <B> <I> texto </I></B>

• Bold, itálico e sublinhado: <B> <I> <U>texto </U> </I> </B>

Page 8: HTML - HyperText Markup Language Professora: Fabrícia F. de Souza

• Aumente o tamanho da fonte para de algumas palavras e mude o tipo e

cor de outras:

Tag: <font>....</font>• Tamanho (1 a 7): <font size=“1”> texto </font>

• Tipo: <font face=“Verdana”> texto</font>

• Cor: <font color=“blue”> texto</font>

Salve do documento como: pagina incial.html

Pasta Seu nome

Arquivo: pagina inicial.html