HTML HyperText Markup Language
|
|
- Stefany Olivares de Miranda
- 7 Há anos
- Visualizações:
Transcrição
1 Tecnologias para Web Design HTML HTML HyperText Markup Language ÿ Estrutura documentos a serem apresentados por agentes de usuários ex. browsers ÿ O texto de um documento é incluído diretamente no código HTML ÿ Define âncoras e elos para a ligação entre documentos ÿ Define outros conteúdos a serem incluídos no documento Figuras, áudio, vídeo, Applets e outras tecnologias. ÿ Define Scripts a serem interpretados pelo browser ÿ Define Meta-Informações de um documento ø ÿ ýüüû úùø ö õøó
2 Exemplo de um documento HTML <HTML> <HEAD> <TITLE> Meu documento </TITLE> </HEAD> <BODY> Oi Pessoal! </BODY> </HTML> ø ÿ ýüüû úùø ö õøó HTML usos comuns ÿ Estruturação apenas (recomendado) Estrutura o documento: títulos, listas, parágrafos... Os aspectos estéticos são determinados pelas CSS Folhas de Estilo em Cascata ÿ Estruturação e apresentação Usa-se elementos avançados da HTML para determinar os aspectos estéticos ÿ Recipiente de conteúdos Usa-se a HTML apenas como base para a inclusão de outras tecnologias. ø ÿ ýüüû úùø ö õøó
3 HTML estruturando documentos com TAGS ÿ A estrutura de um documento é definida por elementos que são marcados por TAGS ÿ Cada tag é escrita entre os sinais < e > <TAG> ÿas tags são definidas a partir da SGML Standard Generalized Markup Language ÿ A sintaxe de uma HTML é definida num documento SGML chamado DTD Document Type Definition ø ÿ ýüüû úùø ö õøó Estrutura Básica, Elementos e Tags <HTML> <HEAD> <TITLE> Título do documento </TITLE> </HEAD> <BODY> texto </BODY> </HTML> Texto Tags Elementos ø ÿ ýüüû úùø ö õøó
4 Exemplo 1: Um documento HTML simples ÿ Cabeçalho (Head) Título(Title) ÿ Elementos do Corpo (Body) Cabeçalhos Parágrafos Listas não-ordenadas (unordered list) Destacando texto Outros elementos de marcação ø ÿ ýüüû úùø ö õøó Cabeçalho ÿ <HEAD>... </HEAD> Coloca-se o título do documento Coloca-se informações sobre o documento (autor, língua) Descreve-se elementos de Estilos <STYLE> Descreve-se programa Script <SCRIPT> Define-se ligações com outros documents <LINK> ø ÿ ýüüû úùø ö õøó
5 Título ÿ <TITLE>... </TITLE> Deve ser curto e descrever o propósito do documento É a maneira com o browser identifica para o usuário o um documento Aparece na barra superior do browser, nos bookmarks, nos menus de avançar e voltar, etc. ø ÿ ýüüû úùø ö õøó Corpo ÿ <BODY>... </BODY> É onde está colocada a parte do documento que será apresentada pelo browser Contém o conteúdo textual do documento Contém os elementos que estruturam o documento Contém os elementos que incluem conteúdos de imagens, sons, vídeo Contém os elementos de formulário ø ÿ ýüüû úùø ö õøó
6 Cabeçalhos de texto ÿ <H1>... </H1> <H2>... </H2> ÿ... <H6>... </H6> ÿ Estruturado em 6 níveis ÿ Utilizados em títulos principais e seções do texto do documento ÿ Existe um formato pré-definido ÿ Pode ser alterado por atributos ou estilos ø ÿ ýüüû úùø ö õøó Parágrafos ÿ <P>... </P> Marca o início de um parágrafo A marcação de fim é opcional, um novo parágrafo ou um outro elemento de estruturação indicam o fim do parágrafo Espaços e CRLF não alteram o parágrafo Pode ser alterado por atributos ou estilos ø ÿ ýüüû úùø ö õøó
7 Listas ÿ Listas não ordenadas <UL> ÿ Listas ordenadas <OL> ÿ Listas de definições <DL> ÿ As listas podem ser aninhadas ø ÿ ýüüû úùø ö õøó Listas não-ordenadas <UL> <LI> <LI>... </UL> Utiliza-se para listar tópicos O elemento de lista <LI> é necessário, mas não tem terminação <LI> é usado também em Menus e Listas ordenadas ø ÿ ýüüû úùø ö õøó
8 Listas Ordenadas <OL> <LI> <LI>... </OL> Utiliza-se para listar tópicos numerados Pode-se aninhar lista ø ÿ ýüüû úùø ö õøó Elementos de destaque ÿ <EM>... </EM> Ênfase. Normalmente em itálico ÿ <STRONG>... </STRONG> Ênfase forte. Normalmente em negrito ÿ Devem ser colocados no corpo delimitando o texto a ser destacado ÿ São elementos lógicos, ao invés de físicos como: <I>, para itálico, <B> para negrito e <TT> para fonte typewriter ø ÿ ýüüû úùø ö õøó
9 Outros elementos de marcação ÿ <HR> Desenha uma linha horizontal proporcional a área de exibição ÿ <BR> Introduz uma quebra de linha sem inicial um novo parágrafo ÿ Força um espaço em branco no texto ø ÿ ýüüû úùø ö õøó Exemplo 2: Imagens e elos de hipertextos ÿ Incluindo imagens Alinhamento Imagens como links Texto alternativo ÿ Âncoras e elos de hipertexto Definindo âncora origem com <A HREF...> Definindo âncora destino com <A NAME...> ø ÿ ýüüû úùø ö õøó
10 Incluindo imagens ÿ <IMG SRC= nomearq > Nomearq deve o nome do arquivo precedido ou não do path e da URI do servidor onde está o arquivo ÿ <IMG SRC= nomearq ALIGN= posição > Posição pode ser top, middle ou bottom ÿ <IMG SRC= nomearq ALT= [texto] > O texto deve descrever sucintamente a imagem para os casos nos quais ela não puder ser exibida ø ÿ ýüüû úùø ö õøó Criando hipertexto com HTML ÿ Um dos objetivos da HTML é permitir a construção de hipertextos ÿ Hipertextos estruturam documentos em páginas, âncoras e elos ÿ Os elos interligam as páginas ÿ Um elo é definido por uma âncora origem e uma âncora destino ÿ O usuário lê um hipertexto percorrendo âncoras ø ÿ ýüüû úùø ö õøó
11 Elos e âncoras ÿ Um elo define a ligação entre um trecho de um documento a um outro documento, ou trecho de outro documento ÿ Elos são definidos por âncoras origem e destino ÿ A âncora origem é o trecho do documento exibido que quando clicado leva ao documento destino ÿ A âncora destino é um arquivo completo ou o início de um trecho do documento ø ÿ ýüüû úùø ö õøó Hipertexto Avaliação Âncora origem Objetivos Avaliação Bibliografia Elo (link) Avaliação Trecho da avaliação Trecho da avaliação Texto texto texto Âncora destino ø ÿ ýüüû úùø ö õøó
12 Definindo âncoras e elos ÿ Âncoras e elos são definidos em documentos HTML através das Tags e da URI ÿ Âncora origem <A HREF= URI#destino > nome_do_elo </A> ÿ Âncora destino <A NAME= destino > ø ÿ ýüüû úùø ö õøó Ligando trechos de documentos ÿ Símbolo # Usado no protocolo HTTP para referenciar trecho de um documento HTML. ÿ Documento A tem a seguinte âncora origem <A HEF= > Avaliação </A> (novo!) ÿ Documento B tem a seguinte âncora destino <A NAME= avaliacao > Avaliação </A> ÿ No mesmo documento B é necessário apenas a origem <A HEF= #avaliacao > Avaliação </A> (novo!) ø ÿ ýüüû úùø ö õøó
13 Tabelas ÿ O modelo de tabelas da HTML permite organizar dados em linha e colunas ÿ Os dados podem ser texto, imagens, elos, formulários, outras tabelas, etc. ÿ Cada tabela pode ter uma legenda e um sumário associada si ÿ Tabelas não devem ser utilizadas para controlar o layout de páginas, embora isto seja uma prática constante ø ÿ ýüüû úùø ö õøó Elementos de uma tabela ÿ Os principais elementos que definem uma tabela em HTML são tabela, linha e células ÿ Que são marcados pelas tags: <TABLE> <TR><TD> l1d1 <TD> l1d2 <TR><TD> l2d1 <TD> l2d2 </TABLE> ÿ OBS: </TR> e </TD> são opcionais ø ÿ ýüüû úùø ö õøó
14 Visualização dos elementos de uma tabela Tabela, defina por <TABLE>... </TABLE> Linhas <TR> Células <TD> ø ÿ ýüüû úùø ö õøó Cabeçalhos e dados de uma tabela ÿ Existem dois tipos de células: Cabeçalho, que é marcado com a tag <TH> Dado, que é marcado com a tag <TD> ÿ São visualizados de forma distinta Cabeçalhos <TH> ø Dados <TD> ÿ ýüüû úùø ö õøó
15 Exemplo de cabeçalhos e dados <TABLE> <TR><TH> l1h1 <TH> l1h2 <TH> l1h3 <TR> <TH>l2h1 <TD> l2d1 <TD> l2d2 <TR> <TH>l3h1 <TD> l3d1 <TD> l3d2 </TABLE> ÿüýü ÿüýþ ÿüý ÿþýü l2d1 l2d2 ÿ ýü l3d2 l3d2 ø ÿ ýüüû úùø ö õøó Borda e espaçamentos ÿ A borda, e o espaçamento inter- e intra-células podem ser controlados pelos atributos, respectivamente: ÿ <TABLE BORDER= 3 ÿ CELLSPACING= 10 ÿ CELLPADDING= 10 > ø Borda Espaçamento inter-células Espaçamento intra-células ÿüýü ÿüýþ ÿüý ÿüýü ÿüýþ ÿüý ÿüýü ÿüýþ ÿüý ÿ ýüüû úùø ö õøó
16 Tamanho e alinhamento ÿ O tamanho da tabela e de cada célula pode ser controlado pelo atributo width ÿ O valor deste atributo pode ser Um valor absoluto em pixels Um valor percentual em relação à área de exibição do browser Um valor proporcional a outra células ÿ O alinhamento de cada célula deve ser definido com o atributo align ø ÿ ýüüû úùø ö õøó Outros atributos ÿ Usando atributos ROWSPAN e COLSPAN podese definir que uma célula estenda-se por outras células ÿ Cores de fundo podem ser definidas usando-se o atributo BGCOLOR ÿ A acessibilidade pode ser melhorada usando-se o elemento CAPTION e o atributo SUMMARY ø ÿ ýüüû úùø ö õøó
17 Frames ÿ Frames (quadros) permitem múltiplas visões do documento ÿ Podem ser janelas independentes ou sub-janelas ÿ Cada visão pode ser controlada de maneira independente pelo usuário ÿ Uma visão pode conter, p.ex. um menu, outra um banner e uma terceira um documento. ø ÿ ýüüû úùø ö õøó Especificando frames 1/3 ÿ Um documento HTML com frames é chamado frameset document ÿ Não possui corpo (BODY), apenas o cabeçalho (HEAD) e o elemento FRAMESET ÿ Se o browser não tem capacidade de exibir frames, é mostrado o conteúdo especificado pelo elemento NOFRAMES ø ÿ ýüüû úùø ö õøó
18 Especificando frames 2/3 ÿ A estrutura de um frameset é <HEAD>... </HEAD> <FRAMESET rows= posicoes > <FRAME src= URI > <FRAME src= URI >... <NOFRAMES>... </NOFRAMES> </FRAMESET> ø ÿ ýüüû úùø ö õøó Especificando frames 3/3 ÿ O elemento frameset deve especificar se a divisão será feita em linhas ou colunas ÿ Os valores dos atributos rows e cols podem ser absolutos ou porcentagem ÿ Para cada linha ou coluna deve estar associado um elemento FRAME ÿ Em cada elemento FRAME deve-se indicar a URI do documento a ser exibido através do atributo src= ÿ Um frameset pode conter outro frameset ø ÿ ýüüû úùø ö õøó
19 Usando frames como menus ÿ Pode-se usar um frame como menu que controla a exibição de um outro frame. ÿ No frame que contém os documentos a serem exibidos: <FRAME name= nome src= URI > ÿ No frame que contém o menu: <A href= URI target= nome > ø ÿ ýüüû úùø ö õøó Controlando a aparência dos frames ÿ Os seguintes atributos controlam a aparência dos frames: Frameborder = 1 ou 0 Scrolling = auto, yes, no noresize Marginwidth = pixels Marginhight = pixels ø ÿ ýüüû úùø ö õøó
20 Objetos, imagens e applets ÿ Elemento OBJECT ÿ Inclui imagens, applets e outros objetos em documentos HTML ÿ Recomendação do W3C na versão 4.01 da HTML ÿ O elemento APPLET deve ser evitado ø ÿ ýüüû úùø ö õøó Forma geral do elemento object ÿ Na descrição de um objeto a ser incluído deve especificar a URI do dado OtipoMIME do dado <OBJECT data= URI type= mimetype > Texto caso o browser não consiga exibir o dado. </OBJECT> ø ÿ ýüüû úùø ö õøó
21 HTML Outros elementos BLOCKQUOTE e Q ÿ Utilizado para citações dentro do texto ÿ <BLOCKQUOTE> texto </ BLOCKQUOTE> Usado para citações longas que podem incluir parágrafos ÿ <Q> texto </Q> Usado para citações curtas dentro de um parágrafo ø ÿ ýüüû úùø ö õøó
22 Sobrescrito e Subscrito ÿ <SUP> texto </SUP> O texto delimitado pelo marcadores aparece sobrescrito E = mc<sup>2</sup> ÿ <SUB> texto </SUB> O texto delimitado pelo marcadores aparece subscrito H<SUB>2</SUB>O ø ÿ ýüüû úùø ö õøó Texto pré-formatado ÿ <PRE> texto </PRE> Determina que o texto será exibido da forma como digitado Espaços em branco e quebras de linha são mantidos É usado um fonte fixo ø ÿ ýüüû úùø ö õøó
23 Descrição de programas de computador ÿ <CODE> código </CODE> Permite apresentar um código fonte de um programa Ignora os espaços e quebras de linha no código fonte ø ÿ ýüüû úùø ö õøó Marcando trechos retirados e inseridos ÿ <DEL> texto </DEL> Utilizado para marcar um texto retirado com uma linha cortando o texto ÿ <INS> texto </INS> Utilizado para marcar um texto inserido com sublinhado ÿ É o autor quem deve indicar o que retirou ou incluiu ø ÿ ýüüû úùø ö õøó
24 ABBR ÿ Permite indicar a ocorrência de abreviações <P> <ABBR title="world Wide Web">WWW</ABBR> <ABBR lang="fr" title="société Nationale des Chemins de Fer"> SNCF </ABBR> <ABBR lang="es" title="doña">doña</abbr> <ABBR title="abbreviation">abbr.</abbr> ø ÿ ýüüû úùø ö õøó Mapas de imagens ÿ Partes de uma imagem podem funcionar como âncoras distintas ÿ Permite associar áreas de uma imagem com uma determinada URI <IMG SRC= URI USEMAP= nomemapa > <MAP NAME= #nomemapa > <AREA SHAPE= tipodaforma >... </MAP> Mesmo nome ø ÿ ýüüû úùø ö õøó
25 Especificando áreas em um mapa de imagem ÿ A forma geral para especificar uma área e associar um elo é: <AREA SHAPE= forma básica COORDS= coordenadas HREF= URI ALT= texto alternativo > ÿ Pode-se não associar o elo: <AREA SHAPE=... COORDS=... NOHREF> ø ÿ ýüüû úùø ö õøó Especificando as formas básicas ÿ Existem três formas básica: retângulo, círculo, polígono ÿ Deve-se especificar a área indicando o tipo da forma e as respectivas coordenadas Rect: esq-x, topo-y, dir-x, base-y Circle: centro-x, centro-y, raio Poly: X1,X1, X2,Y2,... Xn,Yn <AREA SHAPE= circle COORDS= 42,171,45...> ø ÿ ýüüû úùø ö õøó
26 HTML Formulários Formulários de entrada de dados em HTML ÿ Introdução ÿ Controles ÿ O elemento INPUT ÿ O elemento BUTTON ÿ O elemento SELECT ÿ O elemento TEXTAREA ÿ Labels e estruturação de formulários ø ÿ ýüüû úùø ö õøó
27 Introdução a formulários HTML ÿ Um formulário HTML é uma seção do corpo do documento ÿ Um formulário é delimitado pelas tags <FORM>... </FORM> ÿ Pode conter texto, marcações e controles ÿ Os controles são utilizados para possibilitar interação do usuário com web site ÿ Exemplos de controles são: Botões, caixa de texto, menu, labels, etc. ø ÿ ýüüû úùø ö õøó Exemplo de um formulário HTML <FORM action= URI method= GET > <P> <INPUT type= text name= primnome ><BR> <INPUT type= text name= sobrenome ><BR> <INPUT type= radio name= sexo value= M >Masc <INPUT type= radio name= sexo value= F >Fem <INPUT type= submit > <INPUT type= reset ></P> </FORM> ø ÿ ýüüû úùø ö õøó
28 Visualização do formulário Nome: Sobrenome: Masc Feminino Enviar consulta Redefinir ø ÿ ýüüû úùø ö õøó O elemento FORM ÿ Funciona como recipiente de outros controles ÿ Pode conter texto e outros elementos ÿ Pode ser identificado através dos atributos id ou name ÿ Deve ter associado uma ação através do atributo action cujo valor é uma URI ÿ Permite especificar o método de submissão dos dados através do atributo method que pode ser GET ou POST ø ÿ ýüüû úùø ö õøó
29 Como funciona? 1/3 ÿ Cada formulário, além de texto e de outros elementos HTML, contém um conjunto de controles que pertencem ao seu escopo ÿ Cada controle possui um tipo, umnome, um valor e outros atributos ÿ O tipo determina qual é o controle ÿ O nome é associado ao valor fornecido pelo usuário durante o preenchimento do formulário ø ÿ ýüüû úùø ö õøó Como funciona? 2/3 ÿ Cada formulário possui alguns elementos chaves padronizados ÿ O atributo action associa o formulário com uma URI onde deverá estar um programa ÿ Este programa deverá ser capaz de processar os dados fornecidos através do formulário ÿ O controle submit é um botão que pode ser pressionado pelo usuário ø ÿ ýüüû úùø ö õøó
30 Como funciona? 3/3 ÿ Após o elemento submit (botão) ter sido pressionado o browser envia uma série de pares nome/valor com os dados fornecidos ÿ A submissão pode ser feita pelos métodos HTTP GET ou POST ÿ No método GET, os pares nome/valor são enviados juntos com a URI ÿ No método POST os pares nome/valor são enviados no corpo da solicitação HTTP ø ÿ ýüüû úùø ö õøó Enviando dados pelo método POST POST /cgi-bin/programa1 HTTP/1.0 Accept : text/plain Accept : apliation/x-html Accept :... User-Agent: NSCA Mosaic for X Window System/2.4 Content-type application/x-www-form-urlencoded Content-length: 58 Nome=jair&sobrenome=Leite&sexo=M ø ÿ ýüüû úùø ö õøó
31 Enviando dados pelo método GET GET /cgi-bin/programa1?prinnome=jair&sobrenome=leite... Accept : text/plain Accept : apliation/x-html Accept :... User-Agent: NSCA Mosaic for X Window System/2.4 (uma linha contendo apenas CRLF) ø ÿ ýüüû úùø ö õøó Controles ÿ Usuários interagem com formulários através de controles ÿ O nome de um controle é dado pelo atributo name da respectiva tag HTML ÿ Tipos de controles Buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls ø ÿ ýüüû úùø ö õøó
32 Valores de controles ÿ Um controle pode ter um valor inicial caso especificado ÿ O valor fornecido pelo usuário é chamado valor corrente de um controle ÿ Scripts também modificam o valor corrente ÿ O valor corrente é enviado junto com o nome quando o formulário é submetido ÿ O controle reset atribui o valor inicial a todos os controles ø ÿ ýüüû úùø ö õøó O elemento INPUT ÿ Permite especificar a maioria dos controles ÿ O tipo do controle é especificado pelo atributo type e pode ser text password checkbox radio submit reset file hidden image button ÿ O atributo value permite definir o valor inicial ÿ O atributo name define o nome a ser associado ao valor ÿ Outros atributos são específicos de um determinado controle ø ÿ ýüüû úùø ö õøó
33 O elemento BUTTON ÿ Usado como o input, mas é mais flexível ÿ O botão pode ter um conteúdo específico que pode ser texto ou imagem ÿ Alguns browsers oferecem uma visualização melhor quando usa-se button ÿ Forma geral <BUTTON> texto e/ou <IMG...> </BUTTON> ø ÿ ýüüû úùø ö õøó O elemento SELECT ÿ Define o controle menu ÿ Permite oferecer um conjunto de opções que o usuário pode selecionar ÿ Junto com o select usa-se o elemento option e optgroup ÿ O option determinar as opções do menu ÿ O optgroup agrupa opções relacionadas ÿ O atributo multiple permite que mais de uma opção seja escolhida ø ÿ ýüüû úùø ö õøó
34 O elemento TEXTAREA ÿ Define um controle para entrada de texto com múltiplas linhas ÿ É necessário definir os atributos name, rows e cols ÿ O valor inicial é colocado entra as tags <TEXTAREA name= nome rows= 20 cols= 80 > texto inicial </TEXTAREA> ø ÿ ýüüû úùø ö õøó O elemento LABEL ÿ Permite associar um rótulo a um controle ÿ O atributo for associa a um identificador (id) de um controle <LABEL for= id_idade > Textodorótulo </LABEL> <INPUT type= text name= idade id= id_idade > ø ÿ ýüüû úùø ö õøó
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia mais17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisTabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Leia maisPROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,
Leia maisHyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Leia maisO que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisOs slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape
INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários
Leia maisWebdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML
Leia maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia maisMaurício Samy Silva. Novatec
Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20
Leia maisFerramentas para Multimídia e Internet - 1486
1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato
Leia maisIntrodução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
Leia maisAdicionando mais tags HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Adicionando mais tags HTML Professor: Saulo Henrique Cabral Silva Bookmark Bookmark ou demarcação de destinos para links (informações) dentro do próprio
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia mais3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia mais</H1>... <H6>... </H6>
HTML ... *Todo arquivo html tem que ter esse corpo no início e no fim do arquivo. ... *É o cabeçalho, contém todas as informações necessárias para o navegador ou servidor processar
Leia maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisDezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.
Universidade Federal Fluminense Dezembro/2012 1 2 3 4 5 6 7 8 Informações principais Base da Web: - Um esquema de nomes para localização de fontes de informação na Web : URL. - Um Protocolo de acesso para
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 3 TRABALHANDO COM FORMULÁRIOS Eder Franco @ FPF Tech Agenda 1. Introdução 2. A tag form e seu atributos 3. As tags
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisGuia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Leia maisIntrodução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
Leia maisAula 6: Frames. Pré-requisitos: Os temas das aulas 2 e 5, e a forma como se define cores apresentada na aula 4, serão muito importantes para frames.
Aula 6: Frames Você certamente já visitou páginas organizadas em áreas diferenciadas que podiam ser usadas, redimensionadas movidas para cima ou para baixo independentemente. Pois essa possibilidade de
Leia maisIntrodução a HTML. André Tavares da Silva.
Introdução a HTML André Tavares da Silva andre.silva@udesc.br HTML HiperText Markup Language Linguagem de marcação para criar páginas Web Formada por textos e comandos chamados tags (etiquetas/rótulos)
Leia maisHTML. Conceitos básicos de formatação de páginas WEB
HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisHTML Página 36. Índice
PARTE - 6 HTML Página 36 Índice Tabelas... 37 Construindo tabelas Marcação TABLE... 37 Título da Tabela Marcação CAPTION... 37 Cabeçalho da tabela (table headings) Marcação TH... 37 Dados da tabela (table
Leia mais1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão
1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena
Leia maisHTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
Leia maisA linguagem Hyper Text Markup Language (HTML)
A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para
Leia maisRegras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos,
Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos, elementos de formulários, imagens. De blocos: são como caixas,
Leia maisProgramação para Internet I
Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:
Leia maisWeb Design Aula 10: Formulários - Parte2
Web Design Aula 10: Formulários - Parte2 Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Textarea Select FieldSet e Legend Atributo Action Atributo Method Exercício Form Um formulário
Leia maisProjeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B
Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisAlgoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Leia maisTreinamento em HTML. Índice
Nível: Básico Horas: 4 Treinamento em HTML Índice Índice...1 Introdução...2 Linguagem de marcação...3 Linguagem Interpretada pelo próprio browser...3 Modelo cliente / servidor...3 Casos especiais: Netscape
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Leia maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)
Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local
Leia maisProf. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia mais4. Características Gerais das Tabelas do HTML
4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag
Leia maisTecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos
TecWeb Tecnologias Web Prof. Esp. Douglas Mariano dos Santos Sobre mim Formado na FAU: Faculdade Alfa de Umuarama Sistemas para Internet Formado na FCV MBA em Desenvolvimento para Aplicativos Móveis Trabalhou
Leia maisHTML: Listas, Tabelas e Formulários CST Sistemas para Internet
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante
Leia maisProf. Erwin Alexander Uhlmann 1/7/2010
HTML 5 O html 5 é a nova versão do html 4. Foi desenvolvido para a interoperabilidade e padronização de plataformas e navegadores (motores). Compare as estruturas do html4 e do 5, abaixo: HTML 4 HTML 5
Leia maisHiperlinks. Hiperlinks. Hiperlinks. Tag <a></a> Hiperlinks 07/05/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Documentos hipertexto permitem estabelecer fluxos
Leia maisLinks, Imagens e Tabelas
Links, Imagens e Tabelas Criar um link em um texto significa estabelecer uma ligação com outra página, outro texto, que o leitor pode abrir clicando numa palavra, grupo de palavras ou em uma imagem. Para
Leia maisHTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Leia maisHTML Página 23. Índice
PARTE - 4 HTML Página 23 Índice HTML - Frames... 24 Exemplo:... 24 Parâmetros utilizados para a marcação ... 25 Composições com Frames... 25 Exemplo 1.... 26 Exemplo 4.... 26 Parâmetros que Completam
Leia maisTECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.
Leia maisInternet & HTML Internet & HTML Pedro Costa / 2004
Internet & HTML Pedro Costa / 2004 Como funcionam as páginas Web As páginas web são apenas constituídas por texto ASCII plano. Os Web browsers processam o código usado nas páginas web para mostrarem uma
Leia maisHTML HyperText Markup Language (Linguagem de Marcação de HiperTexto)
HTML HyperText Markup Language (Linguagem de Marcação de HiperTexto) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Noções Básicas Estrutura de uma
Leia maisPROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias
PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext
Leia maisCurso PHP Básico. Jairo Charnoski do Nascimento
Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores
Leia maisFormulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,
HTML Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento, HTML mostrou-se uma linguagem bastante adequada
Leia maisHyperText Markup Language HTML. Tabela
HyperText Markup Language HTML Tabela Prof. Luis Nícolas de morim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Tabela consiste em uma estrutura de
Leia maisTAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Leia maisAutoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
Leia maisINTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2
1 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Rhavy Maia Guedes rhavy.maia@gmail.com Hiperlinks
Leia maisDesenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
Leia maisDesenvolvimento Web TCC Turma A-1
Desenvolvimento Web TCC-00.226 Turma A-1 Conteúdo Projeto de Interface com o Usuário em HTML Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br Material disponível em http://www.ic.uff.br/~laffernandes/teaching/2013.2/tcc-00.226
Leia maisPROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes carlomendes@yahoo.com.br http://www.jeancarlomendes.com.br HTML Tabelas - As tabelas em HTML são criadas através das tags e - Algumas
Leia maisHTML (HyperText. Markup Language)
Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução
Leia maisFrames. Documentos de Layout Documentos de Conteúdo
Frames Através da utilização de frames, a janela de um browser pode ser dividida em diversas partes. Cada uma dessas partes é chamada de frame. Cada frame pode ser manipulado separadamente e contém um
Leia maisHTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Tabelas A tag permite a criação de tabelas com linhas e colunas Tabelas devem ser utilizadas para organizar e apresentar dados
Leia mais<CENTER> <iframe src="http://www.universo.edu.br" width=740 height=255> </iframe> </CENTER>
6.4 iframes: Outra maneira mais elegante de inserir outras páginas dentro de nossos documentos HTML é através do comando . Nesse caso, devemos especificar o tamanho do espaço que deverá ser aberto
Leia maisHTML HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1
HTML Sessão 9 HTML Quem já navegou um pouco pela Internet com certeza já encontrou páginas em que, por exemplo, existe um menu estático no lado esquerdo do ecrã e o conteúdo do lado direito é que vai mudando.
Leia maisTECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com
Luiz Leão luizleao@gmail.com http://luizleao.com CONTEÚDO PROGRAMÁTICO DESTA UNIDADE HTML TAG S HTML LINGUAGEM HTML Hypertext Markup Language Interpretada pelo navegador Não linearidade da informação Formatação
Leia maisImplementando e manipulando Tabelas
Implementando e manipulando Tabelas Aplicações para Web I 31/03/2016 Tiago Alves de Oliveira - tiagofga@gmail.com 1 Tabelas As tags utilizadas para a criação de tabelas A utilização de tabelas permite
Leia maisColeção - Análises de marketing em clientes de
Coleção - Análises de email marketing em clientes de email Introdução Nesta primeira edição da Coletânea de Análises de Email Marketing em Clientes de email, vamos estudar as peculiaridades dos webmails
Leia maisHTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web;
HTML Introdução Introdução ao HTML HTML (Hyper Text Markup Language) É a linguagem com que se escrevem as páginas web; É uma linguagem de hipertexto; Permite escrever texto de forma estruturada, que está
Leia maisLinguagem HTML: Frames
Linguagem HTML: Frames Prof. André Constantino da Silva Prof. Rodolfo Francisco de Oliveira IAM 1 semestre de 2012 15 de maio de 2012 Aula de Hoje Divisão da janela em partes para exibir várias páginas
Leia maisREDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Leia maisAULA 01. Introdução (HTML, CSS e Javascript) JAVA ENTERPRISE EDITION - DESENVOLVENDO APLICAÇÕES CORPORATIVAS
AULA 01 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games Bacharel em Sistema de Informação Email:
Leia maisXTHML. 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações);
1. XHTML TEM SUA ORIGEM NO XML; 2. A finalidade do XHTML é substituir o HTML; 3. Vantagens de se usar XHTML (Compatibilidade com futuras aplicações); 4. XHTML é uma "Web Standard ; Neste link (http://www.maujor.com/w3c/xhtml10_2ed.html)
Leia maisMini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton
Mini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton Sumário da Aula Introdução Introdução à XHTML Introdução à Folhas de Estilo (CSS) A Ferramenta Dreamweaver CS4 2 O
Leia maisTutorial Cold Fusion Módulo 2 Cold Fusion Brasil -
www.coldfusionbrasil.com.br 2000 ENTENDENDO MAIS SOBRE CFOUTPUT 3 USO DO PARÂMETRO GROUP 3 USO DO PARÂMETRO GROUPCASESENSITIVE 4 USO DO PARÂMETRO STARTROW 4 USO DO PARÂMETRO MAXROWS 4 CRIANDO FORMULÁRIOS
Leia maisQUEM FEZ O TRABALHO?
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA 1 QUEM FEZ O TRABALHO? Com as tagsaprendidas hoje, faça uma página HTML sobre você com as seguintes informações: Seu nome
Leia maisTabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>
Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo
Leia maisProgramação para web HTML: Formulários
Programação para web HTML: Formulários Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 9 de março
Leia maisIntrodução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Leia maisAnexo I. Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa.
Anexo I Recomendações para construção de páginas acessíveis para o EAD da Universidade Caixa. NOTA: Os exemplos utilizados neste documento fazem referência a uma página de curso com quatro níveis, conforme
Leia mais<title>introdução a HTML</title>
introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs
Leia maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisIntrodução. HyperText Markup Language HTML. Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário. Fluxo do Formulário
Introdução HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ O usuário interage com os serviços
Leia mais