A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 4 – Teórica- Prática Prof. Luciano Monteiro.

Apresentações semelhantes


Apresentação em tema: "Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 4 – Teórica- Prática Prof. Luciano Monteiro."— Transcrição da apresentação:

1 Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 4 – Teórica- Prática Prof. Luciano Monteiro

2 Apresentação A linguagem HTML ( Hypertext Markup Language - Linguagem de Marcação de Hipertexto) é usada para criar as páginas divulgadas na World Wide Web, o serviço mais popular da Internet. É com ela que são feitos os hyperlinks que permitem navegar pela Web. Para isso, utiliza marcações, chamadas tags, no ponto da página em que é feito um hyperlink com outra página.

3 Apresentação No linguajar da Web, dizemos que aquele hyperlink aponta para outra página. Clicando sobre aquela palavra ou frase, essa outra página será aberta. Ela pode estar no mesmo computador que a página original ou em qualquer lugar do mundo. Além de palavras e frases, imagens também podem ser usadas como hyperlinks. Além das tags para criação de hyperlinks, existem tags que permitem inserir imagens, formatar texto, criar páragrafos, enfim, definir a aparência e a funcionalidade geral de uma página, e até executar programas.

4 Apresentação A linguagem HTML dispõe de uma grande quantidade de tags, cada uma com uma função diferente. O conjunto de tags representa um recurso poderoso para criação de páginas interativas. O mais importante é que HTML é extremamente fácil de usar. Tudo é feito com texto simples. As tags são palavras-chave contidas entre os sinais

5 Apresentação Existem dois tipos de tags. Alguns são formados aos pares, indicando o início e o fim do trecho afetado, como exemplo: e. Outros podem ser colocados individualmente, como o, que simplesmente insere um espaço para dividir parágrafos.

6 Tags Básicos (Estrutura) FunçãoAbre com ParâmetrosFecha com Comando Mestre nenhum(a) Área de Cabeçalho nenhum(a) Título do documento nenhum(a) Comentários Corpo do programa background="NomeArqui vo" bgcolor="XXXX" text="XXXX" link="XXXX" vlink="XXXX"

7 Exemplo

8 Tags de Texto (formatação) FinalidadeTagParâmetrosFecha com Quebra de Linha clear=left/right/allnenhum(a) Parágrafo align=center/right Negrito nenhum(a) Itálico nenhum(a) Texto de máquina nenhum(a) Cabeçalho align=center/right Fonte face="nome,nome" size=+/-XXX color="XXXX" Linha divisória size=XX width=XX/XX% noshade nenhum(a) Block Quote nenhum(a) Divisão align=left/center/right

9

10 Comandos de Lista Finalidade Tag ParâmetrosFecha com Lista não ordenada type=disc/circle/square lista ordenada type=I/A/1/a/i start=XX Item de Lista type=all ul e olnenhum(a) Lista de Definição nenhum(a) item de Lista de Definição nenhum(a) Definição da lista nenhum(a)

11

12 Image Tags Finalidade TagParâmetrosFecha com Inserção de Imagem src="NomeArquivo" align=left/right width=XXX height=XXX alt="text" ISMAP USEMAP="#NomeDoMapa" nenhum(a)

13 Comandos de Link FinalidadeTagParâmetros Fecha com Ancôra href="NomeArquivo" target="NomeDaJanela" Marca de ancôra name="nomedamarca"nenhum(a)

14 Comandos de Tabela Finalidade Tag ParâmetrosFecha com Table border=X width=X cellspacing=X cellpadding=X bgcolor="XXXX" Table Row align=left/center/right valign=top/middle/bottom bgcolor="XXXX" Table Data align=left/center/right valign=top/middle/bottom width=X nowrap colspan=X rowspan=X bgcolor="XXXX"

15 Comandos de Tabela FinalidadeTag ParâmetrosFecha com Table Header align=left/center/right valign=top/middle/bottom width=X nowrap colspan=X rowspan=X bgcolor="XXXX" Caption align=left/center/right valign=top/middle/bottom

16 Exemplo1 - Tabelas Tabela usando os parâmetros de TABLE 1º exemplo de tabela - coluna 1 coluna 2 Linha 1 Célula 1-1 Célula 1-2 Linha 2 Célula 2-1 Célula 2-2 1º exemplo de tabela -coluna 1coluna 2 Linha 1Célula 1-1Célula 1-2 Linha 2Célula 2-1Célula 2-2

17 Exemplo2 - Tabelas Tabela usando os parâmetros de TABLE 1º exemplo de tabela Linha 1 coluna 1 coluna 2 Célula 1-1 Célula 1-2 Linha 2 Célula 2-1 Célula 2-2 Célula 3-1 Célula 3-2 1º exemplo de tabela Linha 1 coluna 1coluna 2 Célula 1-1Célula 1-2 Linha 2 Célula 2-1Célula 2-2 Célula 3-1Célula 3-2

18 Exemplo3 - Tabelas Tabela usando os parâmetros de TABLE 1º exemplo de tabela - coluna 1 coluna 2 Linha 1 Célula 1-1 Célula 1-2 Célula 1-3 Célula 1-4 Linha 2 Célula 2-1 Célula 2-2 Célula 2-3 Célula 2-4 -coluna 1coluna 2 Linha 1Célula 1-1Célula 1-2Célula 1-3Célula 1-4 Linha 2Célula 2-1Célula 2-2Célula 2-3Célula 2-4


Carregar ppt "Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 4 – Teórica- Prática Prof. Luciano Monteiro."

Apresentações semelhantes


Anúncios Google