Linguagem para internet

Disponível somente no TrabalhosFeitos
  • Páginas : 8 (1791 palavras )
  • Download(s) : 0
  • Publicado : 13 de março de 2012
Ler documento completo
Amostra do texto
HTML: Introdução
Linguagens Para WEB

Aula de hoje...
• Introdução • O que é HTML?
▫ Características ▫ Conceitos básicos ▫ Representação dos caracteres

• HTML Básico • HTML estrutura global • Manipulação de texto

W3C
• Organização responsável pela padronização do HTML
▫ World Wide Web Consortium (W3C)

• Versão padrão hoje é 4.01
▫ www.w3c.org ▫ www.w3.org ▫www.w3.org/TR/html401

HTML: Introdução
• HTML (Hypertext Markup Language)
▫ Linguagem de Marcação de Hipertextos ▫ Utilizada para desenvolver páginas na Web
estabelecendo um elemento para ser visualizado  Comandos = TAGS

• Baseada na Standard Generalized Markup Language (SGML) • Composta por vários comandos que o navegador interpreta e monta graficamente um resultado

SGML
• Standard Generalized MarkupLanguage • Padrão ISO 8879 de formatação de textos • Descreve estrutura geral do conteúdo dos documentos e não a aparência real do conteúdo na tela

Características
• Documentos HTML são arquivos texto • Não tem uma estrutura rígida e exata, apenas define da página (título, lista, imagens...) • Podem ser criados em qualquer editor • Existem conversores: doc para html • Utiliza comandos (TAGS- etiquetas) que diz ao navegador como exibir o documento • Facilidade de programação, velocidade e praticidade de acesso

Outras linguagens...
• Praticamente todos os sites usam HTML • Linguagens para web:
▫ Rodam no servidor (server side): segurança, acesso à base de dados e execução num ambiente conhecido ▫ Rodam no cliente (client side): praticidade de não precisar ir até o servidor paratrabalhar

Como criar uma página?
• Basicamente: texto e comandos (TAGS) • Código escrito com um simples editor de texto (ou editores WYSIWYG - texto já aparece formatado graficamente • Outros editores: constrói o código mas o editor completa alguns comandos

Representação de Caracteres
• Escrito por qualquer editor, desde que observe-se a representação de caracteres (letras e símbolos) •Conjunto de Caracteres - código padrão americano para intercâmbio de informações (ASCII – American Standard Code for Information Interchange) • ANSI – American National Standards Institute - 256 caracteres - 128caracteres ASCII + 128caracteres especiais (acentos, símbolos monetários, alfabeto internacional)

Referências a Caracteres
• Primeiras versões de HTML contavam somente com acodificação ASCII • Para permitir caracteres acentuados e outros símbolos, foram definidas as referências a caracteres & nome ou #código ASCII • Exemplos:
▫ á = á OU á ▫ ç = ç OU ç

Conceitos Básicos
• Elementos
▫ Definem estruturas de formatação do documento ▫ Texto enfatizado, parágrafos, listas, tabelas ▫ Exemplos: EM, P, LIST, TABLE

Conceitos Básicos
• Tags
▫ Delimitamtrechos do documento definidos por um elemento ▫ Símbolos “” ▫ Exemplo: Texto enfatizado ▫ Tag inicial normalmente obrigatória ▫ Tag final muitas vezes opcional

Conceitos Básicos
• Atributos
▫ Propriedades dos elementos ▫ Cores, alinhamento, identificadores

• Representação:
▫ nome = valor

• Exemplo:
▫ ▫

Estrutura Básica
• Marcações (TAGS) básicas: ▫ : Indicam respectivamenteo início e o fim do documento. Todo o resto deve estar entre estas marcas ▫ : Delimitam a seção de cabeçalho do documento (é opcional) ▫ : Indicam o título da página, que será apresentado na barra de títulos do navegador ▫ : Corpo do documento. Entre estas marcas estará o conteúdo a ser apresentado, textos, cores, imagens, etc.

Observações
• Comandos em HTML são chamados de TAGS (etiquetas) •Toda a formatação está dentro de uma TAG • Exemplo: Inserir uma TAG para alterar o tamanho da fonte, todo texto a seguir da TAG apresentará essa formatação, até que encontre a TAG de finalização do comando • Tags são apresentadas entre sinais “< ...>” • Iniciar finalização • Não é Sensitive Case (tanto faz ou ou ou )

Estrutura HTML
Área de Cabeçalho HTML Área do Título Corpo...
tracking img