LINGUAGEM DE PROGRAMAÇÃO HTML
This presentation is the property of its rightful owner.
Sponsored Links
1 / 22

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON PowerPoint PPT Presentation


  • 48 Views
  • Uploaded on
  • Presentation posted in: General

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON. LINGUAGEM DE PROGRAMAÇÃO HTML.

Download Presentation

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

COMPONENTES:

ROBSON

EDMILSON


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

  • O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual o tamanho , cor ,espaçamento , e vários outros aspectos.

  • Sendo uma das primeiras linguagens web criadas , não sendo porém a única, porém ela prevalece.


Linguagem de programa o html componentes robson edmilson

TAGS

LINGUAGEM DE PROGRAMAÇÃO HTML

  • São rótulos usados para informar ao navegador como deve ser apresentado o web site.

  • Existem dois tipos de tags – tags de abertura : <comando> e tags de fechamento </comando>.

  • Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será processado segundo o comando contido na tag.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

  • Mas como toda regra tem sua exceção, no HTML a exceção é que em algumas tags a abertura e fechamento se dá na mesma tag. São tags de comandos isolados. Exemplo: um pulo de linha é conseguido com a tag <br/>.


Exemplo tags

EXEMPLO TAGS

LINGUAGEM DE PROGRAMAÇÃO HTML

  • <b> informa ao navegador que todo o texto colocado entre si deve ser mostrado em negrito</b>.(abr. bold= negrito).


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

  • <h1><h2><h3><h4><h5><h6> informa ao navegador que se trato de um cabeçalho . O cabeçalho de <h1>primeiro nível é aquele apresentado com o maior tamanho do texto, <h2> o cabeçalho de segundo nível é apresentado com o tamanho do texto menor, O cabeçalho <h6> sexto nível é apresentado com o menor tamanho do texto.


Exemplo de uma html

Exemplo de uma HTML

LINGUAGEM DE PROGRAMAÇÃO HTML

<HTML>

<HEAD>

<TITLE>

</TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>


T tulo da janela web

TÍTULO DA JANELA WEB

LINGUAGEM DE PROGRAMAÇÃO HTML

TITLE: define um título, que é mostrado no alto da janela do navegador.

Esse título é referenciado em buscas pela rede, dando uma identidade ao documento.


Tag body

TAG BODY

LINGUAGEM DE PROGRAMAÇÃO HTML

Tudo que estiver contido em BODY será mostrado na janela principal do browser , sendo apresentado ao leitor.

A seção BODY, pode conter cabeçalhos , parágrafos , listas, tabelas, links para outros documentos, imagens, formulários entre outros.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

Através de atributos , podemos definir cores, links e para o fundo das páginas , bem como uma imagem de fundo. Onde:

BGCOLOR: cor de fundo.

TEXT: cor dos textos (padrão : preto).

LINK: cor dos links.(padrão : azul).


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

  • ALINK: cor dos links , quando acionados.( padrão: vermelho).

  • VLINK: cor dos links, quando visitados. (padrão: azul escuro ou roxo).

    Seus valores são dados em hexadecimal , equivalentes a cores no padrão RGB(Red, Green e Blue).

  • BACKGROUND: Indica o URL da imagem a ser replicada no fundo da página, como uma marca d’água.


Cabe alho

CABEÇALHO

LINGUAGEM DE PROGRAMAÇÃO HTML

Há seis níveis de cabeçalho em HTML, de <H1> a <H6>.

Os cabeçalhos têm atributos de alinhamentos :

ALIGN=CENTER: alinhamento centralizado.

ALIGN=RIGHT: alinhamento à direita.

ALIGN=LEFT: alinhamento à esquerda.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

Quebra de Linhas:

Quando queremos mudar de linha, usamos o elemento <BR>. Isso só é necessário quando queremos uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

Parágrafo:

P: Para separar blocos de texto, usamos o elemento <p>.

Tem atributo de alinhamento como os cabeçalhos:

<P ALIGN=CENTER> : parágrafo com alinhamento centralizado.

<P ALIGN=LEFT>: parágrafo com alinhamento à esquerda.

<P ALIGN=RIGHT>: parágrafo com alinhamento à direita.


Formata es de texto

FORMATAÇÕES DE TEXTO

LINGUAGEM DE PROGRAMAÇÃO HTML

PRE: Apresenta o texto na mesma maneira em que foi digitado, mantendo quebras de linhas de linhas e tabulações.

BLOCKQUOTE: É usado para citações longas.

ADDRESS: Usado para formatar endereços E-mail e referências a autores de documentos.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

CITE: para títulos de livros, filmes, e citações curtas.

CODE: Para indicar trechos de códigos de programas.

DFN: Indica a definição de uma palavra.

EM: Ênfase, normalmente apresentado em itálico.

KBD: Indica uma entrada via teclado.

SAMP: Indica uma sequência de caracteres, por exemplo uma mensagem de erro ou um resultado.

STRONG: Forte ênfase, mostrado normalmente em negrito.

VAR: Indica variáveis, ou valores que o usuário deverá escrever.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

B: Quando disponível no navegador , é mostrado em negrito.

I: Itálico, em alguns casos mostrado inclinado.

TT: Fonte de espaçamento fixo . (Igual as antigas máquinas de escrever).

U: Sublinhado.

STRIKE: Frase riscada.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

BIG: Fonte um pouco maior.

SMALL: Fonte um pouco menor.

SUB: Frase em estilo indice.

SUP: Frase em estilo expoente.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

As cores são introduzidas através do elemento FONT , usando o sistema RGB(RED, GREEN e BLUE).

FONT COLOR: Um trecho de texto pode ter uma cor diferente , feita através dos atributos de BODY(EX: FONT COLOR=YELLOW).


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

Imagem: Elemento IMG insere imagens que são apresentadas junto com os textos. Um atributo deve estar presente.

IMG SRC= “URL_imagem”: Onde URL é o endereço onde está a sua imagem que se quer inserir, não esquecendo que todas as imagens inseridas tem que colocar suas extensões.


Caracter sticas

CARACTERÍSTICAS

LINGUAGEM DE PROGRAMAÇÃO HTML

Pode ser criado em qualquer editor de texto.

Existem editores específicos para várias plataformas.

Documentos HTML são arquivos escritos em ASCII.


Linguagem de programa o html componentes robson edmilson

LINGUAGEM DE PROGRAMAÇÃO HTML

Bibliografia

Infoescola - INFORMÁTICA /HTML

Tutorial - HTML.NET

Tutorial HTML DO ICMC- USP.


  • Login