Ti - htm

LCriando Páginas com HTML e CSS

Prof. Matheus Guedes

2

Objetivos
Desenvolver conceitos básicos de HTML e CSS no que diz respeito a criação de páginas web amigáveis, criativas e formatadas de modo profissional. Aplicar os conhecimentos adquiridos para criar um “mini site”, contendo a estrutura básica de páginas virtuais, conforme modelo apresentado a seguir. Utilizar os elementos HTML para estruturação e as propriedade CSS para formatação e “animação” de textos, blocos e menus.

3

HTML
ESTRUTURAR CONTEÚDO

4

Introdução ao HTML
HTML - Hypertext Markup Language, na sigla em inglês, significa Linguagem de Marcação de Hipertexto. É uma linguagem dedicada à construção de páginas web. Os objetivos básicos da HTML são: • Formatar o conteúdo de uma página Web; • Criar ligações entre várias páginas; HTML é uma linguagem de programação baseada em códigos especiais denominados tags.

5

Exemplo da estrutura básica: Título da página
Aqui você coloca os comandos em HTML , seus Textos e Imagens . Aliás , tanto faz colocar os tags em maiúsculas ou minúsculas.

6

Estrutura Básica do HTML
TAG e , indica o inicio e fim documento html. TAG e e servirá para delimitar uma área de cabeçalho com poucos TAGS (não é necessário ter esse TAG para sua página funcionar) TAG e usado dentro dos tags , e servirá apenas para colocar um título que aparecerá na barra de título do seu browser. TAGS e onde serão colocados todos os comandos , textos e imagens da sua página . Será o corpo da sua página.

7

Outras TAGs
Todo o trabalho em HTML e feito através de códigos especiais (palavras reservadas) ou seja TAGs.

Existem várias TAGs com diferentes finalidades, vejamos a seguir:

8

TAG de Formatação Parágrafo
Tag Responsável pela quebra de parágrafos. Ele iniciará um novo parágrafo e pulará uma linha entre o texto. O alinhamento pode ser:  LEFT : Parágrafo alinhado a esquerda.  CENTER: Parágrafo alinhado ao centro.  RIGHT: