Estude fácil! Tem muito documento disponível na Docsity
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Prepare-se para as provas
Estude fácil! Tem muito documento disponível na Docsity
Prepare-se para as provas com trabalhos de outros alunos como você, aqui na Docsity
Encontra documentos específicos para os exames da tua universidade
Prepare-se com as videoaulas e exercícios resolvidos criados a partir da grade da sua Universidade
Responda perguntas de provas passadas e avalie sua preparação.
Ganhe pontos para baixar
Ganhe pontos ajudando outros esrudantes ou compre um plano Premium
Apostila de programação em HTML
Tipologia: Notas de estudo
1 / 13
Esta página não é visível na pré-visualização
Não perca as partes importantes!
Petrolina-PE, 2008
As tecnologias cliente adotadas para esta disciplina são: − HTML ( HyperText Markup Language – Linguagem de Marcação de Hipertextos) corresponde a uma linguagem utilizada para a construção de documentos/páginas para Web ( Web Sites ). Ela é composta por tags (comando cercado pelos caracteres “<” e “>”) e cada tag pode conter de nenhum a mais de um atributo. A versão adotada será o HTML 4.0. − CSS ( Cascading Style Sheets – Folha de Estilos em Cascata) corresponde a documentos de formatação de Web Sites. O CSS foi criado e padronizado no final de 1996 pela World Wide Web Consortium ( W3C ). a versão adotada será CSS 2.0. − Javascript corresponde a uma linguagem de scripts desenvolvidos pela Netscape para gerar aplicativos web entrelaçando seu código com o HTML.
Todo documento HTML começa com a tag “” e termina com a tag “”. Entre estas tags está o código fonte do documento web que é composto por duas seções: − Cabeçalho, que usa as tags ...; − Corpo, que usa as tags .... O mais básico documento HTML é: **
** O código acima não mostra nada, mas contém as tags necessárias para um documento HTML.
A tag corresponde à seção que é formada pelo cabeçalho do documento HTML e que contém informações necessárias para o navegador ou servidor processar este documento. Estas informações são título, dados para mecanismo de busca, âncora e o que for necessário para ser lido pelo navegador antes do documento ser mostrado na tela. As duas tags da seção HEAD são: TITLE e META.
Nome Código Nome Código Red FF0000 Maroon 800000 Lime 00FF00 Green 008000 Blue 0000FF Navy 000080 Yellow FFFF00 Olive 808000 Aqua 00FFFF Teal 008080 Fuchsia FF00FF Purple 800080 White FFFFFF Silver C0C0C Black 000000 Gray 808080
Os atributos que tratam das margens são: “TOPMARGIN” e “LEFTMARGIN”, que atendem ao Internet Explorer; e “MARGINWIDTH” e “MARGINHEIGHT”, que atendem aos demais navegadores. Os atributos “TOPMARGIN” e “MARGINWIDTH” correspondem à margem superior e “LEFTMARGIN” e “MARGINHEIGHT” correspondem à margem esquerda. Os atributos que tratam dos links e textos são: LINK, VLINK, ALINK, TEXT. O atributo LINK corresponde a cor de todos os links de um documento que ainda não foram acessados, VLINK corresponde a cor dos links que já foram acessados, ALINK afeta a cor do link ativo, que está sendo acessado e TEXT afeta a cor do texto.
…
Esta tag cerca um parágrafo do documento. O atributo ALIGN corresponde ao alinhamento deste parágrafo. As opções são: LEFT , RIGHT , CENTER e JUSTIFY , sendo o padrão a opção LEFT.
Esta tag corresponde à identificação de um determinado texto como título. A interrogação acima corresponde, na verdade, a um número entre 1 e 6, sendo 1, o texto maior e 6, o menor. As tags são assim: ..., ..., ..., ..., ... e ....
Esta tag corresponde a uma linha horizontal. Os seus atributos são ALIGN: que corresponde ao alinhamento; WIDTH, que corresponde à largura, podendo ser em porcentagem ou pixels ; SIZE, que corresponde à espessura em pixels ; e NOSHADE, que cria uma linha sem efeito 3D.
A tag corresponde a configuração do texto no que se refere ao tipo de fonte, cor e tamanho. Os atributos desta tag são: FACE, que corresponde ao nome da fonte; SIZE, que corresponde ao tamanho do texto, variando de 1 a 7; e COLOR, que corresponde a cor do texto, podendo ser o nome da cor ou em código hexadecimal. ...
Esta tag corresponde à quebra de linha.
Esta tag coloca o texto, a qual cerca, em itálico.
Esta tag coloca o texto, a qual cerca, sublinhado.
Esta tag coloca o texto, a qual cerca, em negrito.
Esta tag coloca o texto, a qual cerca, riscado.
Esta tag gera um espaçamento no conteúdo.
Esta tag coloca o texto, a qual cerca, centralizado.
Esta tag aumenta o texto. Quanto mais tags inserir, maior ficará o texto.
Existem três tipos de tags direcionados para listagem. Elas são: , e .
A tag corresponde a listas desordenadas, que são listadas por elementos geométricos. O atributo desta tag é TYPE, que pode assumir os seguintes valores: “DISC” (círculo preenchido – padrão), “CIRCLE” (círculo oco) e “SQUARE” (quadrado). Cada elemento da lista deverá ser iniciado com a tag .
** Primeiro item Segundo item **
A tag corresponde a listas ordenadas, que são listadas por números e letras. O atributo desta tag também é TYPE, que pode assumir os seguintes valores: “1” (algarismo arábico - padrão), “A” (letra maiúscula), “a” (letra minúscula), “i” (algarismo romano minúsculo) e “I” (algarismo romano maiúsculo). Cada um dos elementos desta lista também é iniciado com a tag .
A tag corresponde a lista de definições. Esta inicia a lista. As tags e tratam do conteúdo. Enquanto trata do termo, trata da definição em si, dos dados, da explicação.
Esta tag corresponde a que demonstra uma figura no documento. Os atributos são: SRC, que corresponde ao caminho do arquivo que contém a imagem; WIDTH, que corresponde a largura da imagem em pixels ; HEIGHT, a altura em pixels ; BORDER, que indica se a imagem tem borda (1) ou não (0); e ALT, que corresponde a uma descrição da imagem.
Os links correspondem ao ponto que encaminha algo para outro lugar. A tag de links é . Os seus atributos são: HREF, que corresponde a um link para outro documento ou para um determinado local do documento; e NAME, que corresponde a um local receptor do documento. Quando se trata de um local específico pelo HREF, deve-se colocar “#” antes do valor do referenciado. Existe um atributo chamado TARGET que, recebendo o valor “ _blank ”, tem a função de abrir o link destino em outra janela. ** **
**... **
text.html
arquivo.html
Estas tags correspondem à estrutura geral de uma tabela. Os atributos básicos são: WIDTH, largura medida em porcentagem ou pixels ; HEIGHT, altura também medida em porcentagem ou pixels ; BORDER, que indica a largura da borda em pixels , variando de 0 (sem borda) até 1000; CELLPADDING, margem dentro das células medida em pixels ; CELLSPACING; largura da borda das células medida em pixels ; BORDERCOLOR, que corresponde a cor da borda da tabela, podendo ser o nome ou o código hexadecimal; ALIGN, que corresponde ao alinhamento desta tabela; BACKGROUND, que contém o nome do arquivo de imagem ou URL completo até chegar a esta
Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets, JSP, ASP, etc.
Determina o início e o fim de um formulário. O FORM possui dois atributos que são: ACTION, destino após a submissão do formulário; e METHOD, método como os dados serão enviados para o destino, sendo os valores deste atributo, os métodos GET e POST.
Esta tag especifica vários campos dentro de um formulário. Ele pode receber diversos atributos que definem o tipo de campo (botão, caixa de texto, etc). O atributo mais importante do input é o NAME, ele associa o valor da entrada no elemento. Quando receber os dados processados irá aparecer NAME = resposta dada pelo usuário. Outro atributo importante é o TYPE que identifica o tipo de campo. Tem também os atributos SIZE (define o tamanho do campo), MAXLENGHT (define a quantidade máxima de caracteres em um determinado campo) e VALUE (valor default).
Caixa de texto simples.
Texto
Esconde a informação digitada.
O usuário deve escolher uma resposta em uma única alternativa. sim
não
sim
não
Caixa de texto em tamanho maior.
Texto
O usuário pode escolher várias alternativas. FrontPage
Dreamweaver
Front Page
Dreamweaver
Menu com várias opções para o usuário escolher. **
**
menu
Botão que envia os dados do formulário.
Enviar
Botão que limpa os dados do formulário.
Limpar
que é a altura da área, podendo ser em porcentagem ou pixels ; e ALIGN, que consiste no alinhamento da área. Este último atributo só é atendido no Internet Explorer
Esta tag tem a função de publicar no navegador, um programa ( plugin ) do computador cliente que executa áudio e vídeo. Os principais atributos são:
Os principais formatos de áudio utilizados são: MP3, WAV e MID. Já os de vídeo são: SWF, MOV, MPEG, WMV.
