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

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

Wagner Santos C. de Jesus Roberto Cordeiro Walts

Apresentações semelhantes


Apresentação em tema: "Wagner Santos C. de Jesus Roberto Cordeiro Walts"— Transcrição da apresentação:

1 Wagner Santos C. de Jesus Roberto Cordeiro Walts
Universidade do Vale do Paraíba Colégio Técnico Antônio Teixeira Fernandes Disciplina Programação p/ Web. Material I-Bimestre - Marcadores HTML Site: Prof. Responsável Wagner Santos C. de Jesus Roberto Cordeiro Walts

2 Introdução ao HTML A linguagem html vem a ser uma ferramenta
que possibilita que os desenvolvedores da World Wide Web(WWW) ou rede larga Mundial possam criar recursos de multimídia em seus trabalhos fazendo propaganda e passando informações de maneira fácil e produtiva aos usuário da rede.

3 Tipos de Redes quanto ao tamanho
LAN - Local Area NetWork (Redes Locais de Pequeno Porte) CAN - Campus Area NetWork (Redes Locais de Médio Porte) WAN - Web Area NetWork (Redes de Grande Porte Internet)

4 Uma página criada em HTML utiliza os
Protocolo TCP/IP - (Protocolo de Controle de Transmissão/Protocolo de Internet) Uma página criada em HTML utiliza os recurso do protocolo http que permite com que as página hospedadas em um servidor possam ser transmitidas ao cliente que solicita a página.

5

6 Http cujo significado vem a ser Hipertext Transfer Protocol(Protocolo de Transferencia de Hipertexto). HTML - que o significado vem a ser HiperText Markup Language ( Linguagem de Marcação de Hipertexto) criada para ser um meio de comunicação simples barato e de fácil transmissão.

7 Principais elementos de uma Página são
Imagem Link Título Texto

8 Comandos HTML e sua Estrutura Básica.
<> - Marcador HTML (tag) - como chamamos um marcador. Toda Instrução HTML deve vir entre os símbolos de maior e menor. Isso fará com que o browser(Navegador) saiba o que ele tem que fazer deve ser diferente do que deve ser escrito na página.

9 Estrutura de uma Página (HTML). Exemplo
<Head> <Title> Titulo da Pagina </Title> </Head> <Body> : : <Corpo da Página> </Body> </Html>

10 Obs : Todo Arquivo para ser executado em
um Browser deverá Ter a extensão (HTM ou HTML)

11 Marcadores Básicos : (HTML)
<Hr> - cria um traço na página. Exemplo : <hr> Saída: _____________________________

12 <B> - Aplica o estilo Negrito
Exemplo : <B>Banana</B> Saída : Banana

13 <I> - Aplica o estilo Itálico.
Exemplo : <I> Laranja </I> Saída : Laranja

14 <U> - Aplica um sublinhado (Não funciona em todos os Browsers)
Exemplo : <U> Texto Bonito </U> Saída : Texto Bonito

15 Obs : Serão considerados os espaços a esquerda e a direita.
<Pre> - Esse comando permite cria uma tabulação manual no texto fazendo com seu texto sai exatamente no local desejado. Exemplo : <Pre> Hoje Não Houve Aula </Pre> Saída : Hoje Não Houve Aula Obs : Serão considerados os espaços a esquerda e a direita.

16 <H?> - Permite aumetar ou diminuir o tamanho da letra na página.
Onde (?) vem a ser um número de 1 à 6 que determina o tamanho da letra 1 a maior letra e 6 a menor letra. Exemplo : <H1> Letras </H1> Saída : Letras

17 <Center> - Centraliza um texto marcado.
Exemplo : <Center> Lista de Exercício </Center> Saída : Lista de Exercício

18 <Font> - Determina o tipo tamanho e cores das letras.
Exemplo : <font size = "8" Face = "Arial" color = "red"> Letra Vermelha </Font> Saída : Letra Vermelha

19

20 <BR> - Permite saltar uma linha em branco.
Exmplo : Oi Gente <BR> Tudo Bem Saída : Oi Gente Tudo Bem

21 Criando um Link - Vem a ser o processo de ligação de uma página com uma outra local ou não.
<A Href > - Esse comando permite criar um link com usuários através de uma página. Exemplo : <A Href = " > Site Univap </A> Saída : Site Univap

22 Marcadores de Lista trabalham em conjunto.
<UL> - Cria uma Lista não Ordenada. <LI> - Cria um elemanto da lista. <OL> - Cria uma lista ordenada.

23 Exemplo : <UL> <LI> Capítulo - 1 <LI> Capítulo - 2 <LI> Capítulo - 3 </UL>

24 Saída : Capítulo - 1 Capítulo - 2 Capítulo - 3

25 <OL> - Cria uma lista Ordenada (Coloca Números no lugar de bolinhas)
Exemplo : <OL> <LI> Item da lista </OL>

26 Saída: 1. Item da lista 2. Item da lista 3. Item da Lista

27 <img src = ”bgvisa.jpg">
<Img src> - Carrega uma Imagem na página. Formatos de imagens permitidas são (gif ou jpg). Exemplo : <img src = ”bgvisa.jpg"> Saída : Será uma figura no formato (jpeg).

28

29 Obs : Sobre imagens para colocar uma imagem ou cor no fundo da página devemos usar o comando <Body> da seguinte maneira.

30 Exemplo Cor: <BODY bgcolor = "#00ff00"> Exemplo Imagem : <BODY background = "univap1.jpg">

31 <Frames> : Vem a ser um recurso da linguagem HTML que permite dividir as páginas em regiões diferentes na mesma tela. Sintaxe : <Frameset cols = p1[,p2,p3] [rows = p1[,p2,p3] ] frameborder = 1/0> <frame name="Nome" src="pagina.html"> : </Frameset>

32 cols = divide a janela do browser em colunas.
Rows = divide a janela do browser em linhas. p1,p2,p3 = vem a ser o numero de divisões. Frameborder = 1 - Quando a parece a divisão e 0 - Quando não aparece nada. Frame name = determina o nome do frame e o arquivo (HTML) que será colocado na area designada.

33 Importante : Em arquivo (HTML) com frame não deverá Ter a instrução
Exemplo : Arquivo => MenuFrame.html <HTML> <HEAD> <TITLE>Frame</TITLE> </HEAD> <Frameset cols=200,* frameborder=1> <frame name="Menu" src="indcap.html"> <frame name="textos" src="a.html"> <frame name="textos" src="b.html"> </frameset> </HTML> Importante : Em arquivo (HTML) com frame não deverá Ter a instrução <body>

34 <Base target> - consegue
reconhecer qual região da tela ele irá carregar uma determinada página.

35 Exemplo : IndCap.html <HTML> <HEAD> <TITLE>Principal</TITLE> <base target="textos"> </HEAD> <BODY> <center> <h3>Menu Princ.</h3> <ul> <li><a href="a.html" target="textos">Introdução</a> <li><a href="b.html" target="textos">Capitulo-1</a> <li><a href="c.html" target="textos">Capitulo-2</a> </ul> </center> </BODY> </HTML>

36

37 Criando Ancoras : Recurso no qual um determinado
link irá selecionar que parte de página será mostrada. Obs : Para se usar o marcador de ancora deve-se colocar #. No link. <a Href="#parte1">Introdução</a> No texto devemos usar a marcação <A Name="parte1">Texto Parte 1</A>

38 Criando uma Tabela HTML
<Table> - Marcador que permite criar uma tabela. Obs : O marcador <table> possui dois sub-marcadores o <tr> e <td>. Onde TR - referencia uma linha. TD - Referencia uma coluna.

39 Exemplo : <Table border = 0> <tr> <td> Linha - 1 </td> <td> Linha - 1 </td> <td> Linha - 1 </td> </tr> <tr> <td> Linha - 2 </td> <td> Linha - 2 </td> <td> Linha - 2 </td> </tr> </table>


Carregar ppt "Wagner Santos C. de Jesus Roberto Cordeiro Walts"

Apresentações semelhantes


Anúncios Google