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

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

HTML HyperText Markup Language. Funcionalidades do HTML: Alterar o aspecto físico do texto Indicar que certa parte do texto é um endereço de outra home.

Apresentações semelhantes


Apresentação em tema: "HTML HyperText Markup Language. Funcionalidades do HTML: Alterar o aspecto físico do texto Indicar que certa parte do texto é um endereço de outra home."— Transcrição da apresentação:

1 HTML HyperText Markup Language

2 Funcionalidades do HTML: Alterar o aspecto físico do texto Indicar que certa parte do texto é um endereço de outra home page (hyperlink) Inserir figuras, sons Criar tabelas, formulários, frames.

3 O browser ao acessar um programa procura pelos comandos HTML denominados tags ou etiquetas. As tags são reconhecidas pelos sinais <> para iniciar o comando e para finalizar o comando. Ex.: Texto marcado pela Tag Texto marcado

4 Estrutura de um documento HTML A estrutura de um documento HTML apresenta os seguintes componentes: Título da página Web Corpo da página que será exibida para o usuário (dados e tags)

5 As tags HTML não são sensíveis a maiúscula-minúscula, mas recomenda-se escrevê-las em letras minúsculas. Várias tags são complementadas com parâmetros, cujos valores deverão vir entre (aspas). Ex.: Texto marcado Texto

6 Caracteres especiais e acentos: Devem ser digitados através de caracteres especiais Ex.: café = café maçã = maçã referência = referência aà = à

7 Formatação de Fonte Interfere no aspecto visual do texto. Tags: Título

8 Listas ordenadas e não ordenadas item da lista ordenada Resultado: 1. item da lista ordenada item da lista não ordenada Resultado: item da lista não ordenada

9 Links Permite uma ligação: entre páginas Web; entre URLs (outros sites); dentro da própria página.

10 Ligações entre páginas Web Aspectos Históricos da Internet Especificar o nome do arquivo a ser aberto. Ligações entre URLs Link para o site do Mackenzie Especificar a URL.

11 Ligações dentro da própria página Ensino Superior … (depois de muito código) … Ensino Superior

12 Outra informação importante para as ligações hipertextuais é dizer onde a página deverá ser aberta Ex.: Link para o site do Mackenzie a ser aberto numa nova página.

13 Frames e Iframes Permite dividir a janela do browser em vários frames (quadros ou molduras), tornando possível visualizar mais de um arquivo HTML na tela ao mesmo tempo. A disposição de páginas em frames pode dificultar a navegação e gerar problemas para a impressão. A alternativa natural para os frames são as tabelas. ExemploExemplo:

14 Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e processar os dados que serão enviados. Para criar um formulário é preciso definir seu objetivo, elaborar os dados a serem incluídos e como serão apresentados. Todo formulário deverá iniciar e terminar com as tags.... Exemplo

15 Tabelas Permite organizar as informações de maneira padronizada. Pode ser inseridos textos, imagens, links e até tabelas, e ainda incluir bordas e definir mais de uma coluna. Uma tabela é formada por um conjunto de linhas e colunas, e o encontro de uma linha e coluna é denominado célula. ExemploExemplo:


Carregar ppt "HTML HyperText Markup Language. Funcionalidades do HTML: Alterar o aspecto físico do texto Indicar que certa parte do texto é um endereço de outra home."

Apresentações semelhantes


Anúncios Google