Tabelas. table <table>...</table>
|
|
- Antônia Belém Covalski
- 7 Há anos
- Visualizações:
Transcrição
1 Tabelas table <table>...</table> Explicação: Indica o início e o final de uma determinada tabela. Todas as demais marcas referentes a tabelas - linhas e células - somente serão consideradas se incluidas entre <table> e </table>. Pode conter os elementos caption, colgroup, thead, tfoot, tbody. <table> <td>texto A</td> <td>texto B</td> </table> Atributos de table Atributo: border Explicação: Especifica a largura em pixels da borda da tabela. Para tabela sem bordas, deve-se definir esse atributo como 0. <table border="4"> Atributo: cellspacing Explicação: Indica quanto espaço, em pixels, deve ser inserido entre as células da tabela. <table border= 1" cellspacing="10"> Atributo: cellpadding Explicação: Indica quanto espaço, em pixels, deve ser inserido entre as bordas das células e seu conteúdo. <table border= 1" cellpadding="5"> 23
2 Atributo: width Explicação: Indica a largura da tabela. Usa-se como medida o número de pixels desejado ou uma porcentagem da largura do documento. <table border= 1" width="300"> Atributo: rules Explicação: Indica quais linhas internas a tabela deve apresentar. Pode assumir os valores: "rows (somente as linhas horizontais), "cols (somente as linhas verticais), "none (nenhuma) e "all (todas), groups (aplica aos grupos título, corpo e rodapé). <table border= 1" rules="rows"> Atributo: frame Explicação: Indica quais bordas externas a tabela deve apresentar. Pode assumir os valores: "void (nenhuma), "above (topo da tabela), "below (base da tabela), "hsides (topo e base da tabela), "lhs (lado direito da tabela), "vsides (esquerda e direita da tabela) e "box (todas). <table border= 1 frame="below"> Todos os atributos de uma tabela são opcionais. Uma tabela padrão não possui bordas e sua altura e largura são as mínimas necessárias para suportar seu conteúdo. As linhas de uma tabela podem ser agrupadas em três seções: título (thead), rodapé (tfoot) e corpo (tbody). O elemento de corpo da tabela contém os dados da tabela. Os elementos de cabeçalho e rodapé contêm informações sobre as colunas. O elemento tfoot vem antes do elemento tbody, para permitir que os browsers apresentem o rodapé antes de exibir as células de dados da tabela. caption <caption>...</caption> Explicação: Legenda que descreve a tabela correspondente. 24
3 colgroup <colgroup>...</colgroup> Explicação: Esse elemento contém os elementos col e permite que sejam especificadas propriedades default para as colunas contidas. Esse elemento deverá ser listado antes dos elementos padrão da tabela (thead, tbody, tfoot, tr). Atributos de colgroup Atributo: align Explicação: Especifica o alinhamento horizontal dos dados em uma célula. Os valores podem ser: left (alinhamento à esquerda), right (alinhamento à direita), center (dados centralizados na célula), justify (dados alinhados a esquerda e direita). Atributo: valign Explicação: Especifica o alinhamento vertical dos dados em uma célula. Os valores podem ser: top (alinhamento superior), bottom (alinhamento inferior), middle (dados centralizados verticalmente na célula), baseline (primeira linha de dados alinhados). Atributo: width Explicação: Indica a largura para todas as colunas do grupo. Usa-se como medida o número de pixels desejado. col <col /> Explicação: Esse elemento define uma coluna de tabela dentro do elemento colgroup. Atributos de col Atributo: align Explicação: Especifica o alinhamento horizontal dos dados em uma célula. Os valores podem ser: left (alinhamento à esquerda), right (alinhamento à direita), center (dados centralizados na célula), justify (dados alinhados a esquerda e direita). 25
4 Atributo: valign Explicação: Especifica o alinhamento vertical dos dados em uma célula. Os valores podem ser: top (alinhamento superior), bottom (alinhamento inferior), middle (dados centralizados verticalmente na célula), baseline (primeira linha de dados alinhados). Atributo: width Explicação: Indica a largura da coluna. Usa-se como medida o número de pixels desejado ou uma porcentagem da largura da tabela. <table border="1"> <colgroup align= right > <col width="80" /> <col width="100" /> <col width="80" /> </colgroup> <td> cel 1 </td> <td> cel 2 </td> <td> cel 3 </td> <td> cel 4 </td> <td> cel 5 </td> <td> cel 6 </td> </table> tbody <tbody>...</tbody> Explicação: Elemento que contém os dados da tabela. Possui como elemento internos tr. Atributos de tbody Atributo: align Explicação: Especifica o alinhamento horizontal dos dados em uma célula. Os valores podem ser: left (alinhamento à esquerda), right (alinhamento 26
5 à direita), center (dados centralizados na célula), justify (dados alinhados a esquerda e direita). Atributo: valign Explicação: Especifica o alinhamento vertical dos dados em uma célula. Os valores podem ser: top (alinhamento superior), bottom (alinhamento inferior), middle (dados centralizados verticalmente na célula), baseline (primeira linha de dados alinhados). tr... Explicação: Indica o início e o final de uma determinada linha da tabela (Table Row). Possui como elemento interno td. Atributos de tr Atributo: align Explicação: Especifica o alinhamento horizontal dos dados em uma célula. Os valores podem ser: left (alinhamento à esquerda), right (alinhamento à direita), center (dados centralizados na célula), justify (dados alinhados a esquerda e direita). Atributo: valign Explicação: Especifica o alinhamento vertical dos dados em uma célula. Os valores podem ser: top (alinhamento superior), bottom (alinhamento inferior), middle (dados centralizados verticalmente na célula), baseline (primeira linha de dados alinhados). td <td>...</td> Explicação: Indica um elemento (célula) da tabela, vindo do inglês "Table Data". Os elementos contêm os dados da tabela, sejam eles texto, links, imagens, etc. Atributos de td Atributo: align Explicação: Especifica o alinhamento horizontal dos dados em uma célula. Os valores podem ser: left (alinhamento à esquerda), right (alinhamento 27
6 à direita), center (dados centralizados na célula), justify (dados alinhados a esquerda e direita). Atributo: valign Explicação: Especifica o alinhamento vertical dos dados em uma célula. Os valores podem ser: top (alinhamento superior), bottom (alinhamento inferior), middle (dados centralizados verticalmente na célula), baseline (primeira linha de dados alinhados). <table border= 1 > <caption>minha tabela</caption> <thead> <th>coluna um</th> <th>coluna dois</th> <th>coluna tres</th> </thead> <tfoot> <td>final um</td> <td>final dois</td> <td>final tres</td> </tfoot> <tbody align="center" valign= middle > <td>cel um </td> <td>cel dois</td> <td>cel tres</td> <td>cel quatro</td> <td>cel cinco</td> <td>cel seis</td> 28
7 <td>cel sete</td> <td>cel oito</td> <td>cel nove</td> </tbody> </table> Atributo: colspan Explicação: Indica quantas "células de largura" (colunas) a respectiva célula deve ocupar. <table border= 1 > <td colspan="2">texto A</td> <td>texto B</td> <td>texto B</td> </table> Atributo: rowspan Explicação: Indica quantas "células de altura" (linhas) a respectiva célula deve ocupar. <table border= 1 > <td rowspan="2">texto A</td> <td>texto B</td> <td>texto C</td> </table> 29
8 thead <thead>...</thead> Explicação: Elemento que contém o cabeçalho da tabela. Possui como elemento internos tr. Usualmente utiliza-se dentro do elemento tr de um cabeçalho o elemento th. Atributos de thead Possui os mesmos atributos de tbody th <th>...</th> Explicação: Idêntico ao elemento td, exceto que contém os cabeçalhos para uma determinada coluna. A maioria dos browsers exibe o conteúdo de um elemento th em negrito. tfoot <tfoot>...</tfoot> Explicação: Elemento que contém o rodapé da tabela. Possui como elemento internos tr. Atributos de tfoot Possui os mesmos atributos de tbody es Especiais e Acentuação As formas de representar caracteres especiais, através de uma notação específica, são chamadas de s. Existem s de e s s. ç ç ç c cedilha 30
9 (minúsculo) XHTML permite que caracteres especiais sejam representados por seqüências de escape, indicadas por três partes: um & (e (ê) comercial) inicial, um número ou cadeia de caracteres correspondente ao caracter desejado, e um ; (ponto e vírgula) final. ã ã ã a c/ til Um caracter bastante útil é o espaço não ignorável, o (Nonbreaking space). Este caracter é importante quando desejamos forçar o browser a não ignorar espaços em branco entre palavras. Non-breaking space Espaço não ignorável <body> <p>veja como fica com espaço não ignorável!</p> </body> Visualização pelo Browser: Veja como fica com espaço não ignorável! Os caracteres ASCII < (menor que), > (maior que), e & (e (ê) comercial) tem significados especiais para indicar um comando HTML. Mas por vezes queremos exibir estes símbolos na tela e são usados dentro de documentos seguindo a correspondência: 31
10 & & & E(ê) comercial < < < Menor que > > > Maior que Outras seqüências de escape suportam caracteres ISO Latin1. Temos aqui uma tabela com as entidades mais utilizados em Português: Tabela de es Especiais e Acentuação Tabulação Horizontal Espaço não ignorável " " " Aspas À À À A c/ crase Á Á Á A c/ acento agudo    A c/ acento à à à A c/ til Ç Ç Ç C cedilha (maiúsculo) É É É E c/ acento agudo Ê Ê Ê E c/ acento Í Í Í I c/ acento agudo Ó Ó Ó O c/ acento agudo Ô Ô Ô O c/ acento Õ Õ Õ O c/ til Ú Ú Ú U c/ acento agudo Ü Ü Ü U c/ trema à à à a c/ crase á á á a c/ acento agudo â â â a c/ acento ã ã ã a c/ til ç ç ç c cedilha (minúsculo) é é é e c/ acento agudo 32
11 ê ê ê e c/ acento í í í i c/ acento agudo ñ ñ ñ n c/ til ó ó ó o c/ acento agudo ô ô ô o c/ acento ò õ õ o c/ til ú ú ú u c/ acento agudo ü ü ü u c/ trema Comentários! <! > Atributo: Não possui atributos Explicação: Nada do que for escrito dentro deste TAG será interpretado pelo browser. Comentários são extremamentes úteis para facilitar a manutenção das páginas, que muitas vezes poderá ser feita por uma pessoa diferente daquela que a escreveu pela primeira vez. Através dos comentários, se explica o que se deseja com cada comando. <!-- Comentário --> Veja outras entidades numéricas: Tabela de es Especiais e Acentuação # # Tralha $ $ Cifrão % % Percente 33
PROGRAMAÇÃ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 maisO elemento para definição de uma tabela é <TABLE> sendo finalizada com </TABLE>. Este elemento prevê sub-elementos para sua composição.
HTML Tabelas O elemento para definição de uma tabela é sendo finalizada com. Este elemento prevê sub-elementos para sua composição. 1. Sub-elemento Título O título de uma tabela é definido pela
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 maisTABELAS EM HTML. Prof: André Aparecido da Silva Disponível em:
TABELAS EM HTML Prof: André Aparecido da Silva Disponível em: www.oxnar.com.br/2016/1ati/ipwaulas39a42 1 As tabelas são definidas com a tag . Uma tabela é dividida em linhas (com a tag ), e
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 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 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 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 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 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 maisSíntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações Foi também disponibilizado um formulário de ajuda em html com as tags principais Sítio da aula anterior: http://www.marcosoares.com/aia/11/aula_2010_04_16/
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia2.zip dezembro 1995 Tutorial - Autoria em World Wide Web
RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia2.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte II - Hypertext
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 maisHTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos
HTML: TEXTOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Cabeçalhos para títulos e sub-títulos Parágrafos Quebras de linhas Blocos
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 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 maisDesenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Tabelas A linguagem HTML permite a construção de tabelas de dados. Praticamente, qualquer objeto pode ser colocado nas
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 maisTags 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 maisComandos Extras Formatações no CSS
Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro
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 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 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 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 maisLista e Tabelas. Fundamentos da Linguagem Web
Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização
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. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)
HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o
Leia maisProgramação para Web HTML - Parte 2
Programação para Web HTML - Parte 2 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, 2 de março
Leia maisTécnicas e processos de produção. Profº Ritielle Souza
Técnicas e processos de produção Profº Ritielle Souza Ferramentas Programáveis Mensagem para mais de um destinatário FALE CONOSCO Definindo
Leia maisHTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas
HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina
Leia maisSíntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens
Leia maisPor que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter
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 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 maisTabelas. Web. Professor: Jarbas Araújo CENTRO EDUCACIONAL RADIER.
Tabelas Web Professor: Jarbas Araújo professorjarbasaraujo@gmail.com CENTRO EDUCACIONAL RADIER Página 2 Tabelas As tabelas são em HTML exatamente o que são em qualquer outro lugar. Elas servem para organizar
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 maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 15/04/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Lista de tags, atributos
Leia mais2. Linguagem XHTML. " codebase: indica o local onde se encontra a classe que implementa o applet. " code: nome da classe que implementa o applet
2. Linguagem XHTML! Uma página XHTML pode conter ligações para outros documentos conforme vimos na aula passada. Mas um documento XHTML pode conter também ligações para outros objetos, como folhas de estilo,
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 maisMódulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Leia maisINTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO A partir do HTML 4.01, o único modo de alterar a letra (cor, tamanho, tipo, etc.) ou o fundo (cor ou imagem) é utilizando o atributo
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 maisAula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
Leia maisTECNOLOGIA WEB CRIANDO TABELAS
TECNOLOGIA WEB CRIANDO TABELAS USANDO UM ARQUIVO CSS ATRAVÉS DE UM LINK INTERNO DIGITE O CÓDIGO ABAIXO no bloco de notas, Notepad++ ou no amaya: OBS. 01: Em vermelho temos os comentários do código e em
Leia maisProgramação HTML Construção de Páginas para WEB 47
Programação HTML Construção de Páginas para WEB 47 INICIANDO EXEMPLO3.HTML Crie um novo arquivo html chamado exemplo3.html dentro da pasta exemplos. Após os exercícios e trabalhos anteriores, nossa pasta
Leia maisParadigmas de Programação React Native
Paradigmas de Programação React Native : Layout React Native justify-content / align-items / flex-direction Gil Eduardo de Andrade Introdução: O Flexbox (CSS Flexible Box Layout Model) tem como objetivo
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 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 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 maisRecurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
Leia maisHTML Parte II. André Tavares da Silva.
HTML Parte II André Tavares da Silva andre.silva@udesc.br Tag BODY - Formatação Cores de textos da página text = texto normal da página
Leia maisTutorial Acessibilidade na Web Construindo Formulários e Tabelas acessíveis
Tutorial Acessibilidade na Web Construindo Formulários e Tabelas acessíveis FISL 12 Reinaldo Ferraz W3C Brasil Possibilitar o acesso a pessoas com deficiência Web para todos Todos mesmo! Web para todos,
Leia maisSintaxe Básica da Linguagem CSS
Sintaxe Básica da Linguagem CSS Regras - Regra CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta por três partes: um seletor,
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 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 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 maisA C T A N. º I V /
1 A C T A N. º I V / 2 0 0 9 - - - - - - A o s d e z a s s e t e d i a s d o m ê s d e F e v e r e i r o d o a n o d e d o i s m i l e n o v e, n e s t a V i l a d e M o n c h i q u e, n o e d i f í c
Leia maisM a n h ã... p r e s e n t e! L u g a r... p r e s e n t e! Q u e m... p r e s e n t e! N e n h u m... p r e s e n t e! C u í c a... p r e s e n t e!
C a r o l i n a M a n h ã......................................................................... p r e s e n t e! L u g a r.......................................................................... p
Leia maisU N I V E R S I D A D E C A N D I D O M E N D E S P Ó S G R A D U A Ç Ã O L A T O S E N S U I N S T I T U T O A V E Z D O M E S T R E
U N I V E R S I D A D E C A N D I D O M E N D E S P Ó S G R A D U A Ç Ã O L A T O S E N S U I N S T I T U T O A V E Z D O M E S T R E E S T U D O D O S P R O B L E M A S D A E C O N O M I A B R A S I L
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar tabelas em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
Leia maisVamos ver como fica no código HTML e CSS na Listagem 1 abaixo:
Título: Alinhamento Central com CSS Descrição: Neste artigo serão mostrados os atributos e recursos necessários para alinhamentos de elementos inscritos no HTML, que no caso é o CSS. Login: alcideswenner
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 maisTutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva
CSS Site do Maujor Tutoriais CSS, Web Standards, Tableless, Acessibilidade, HTML, XHTML, Padrões Web, por Maurício Samy Silva :: A propriedade text :: Os textos nos elementos HTML As propriedades para
Leia maisPREFEITURA MUNICIPAL DE BLUMENAU
PREFEITURA MUNICIPAL DE BLUMENAU SECRETARIA MUNICIPAL DE EDUCAÇÃO DIRETORIA DE EDUCAÇÃO BÁSICA GERÊNCIA DE ENSINO FUNDAMENTAL COORDENAÇÃO DE INFORMÁTICA TUTORIAL/MANUAL BÁSICO SOBRE COMO UTILIZAR: Versão
Leia maisIFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links
De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links Propriedades básicas para fontes: color: cor da fonte font-family: tipo de fonte font-size: tamanho
Leia maisProgramação e Designer para WEB
Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação
Leia maisAPOSTILA DE XHTML Profa. Gilene Borges Gomes
MÓDULO 2: Linha Horizontal . Quebra de linha: . Parágrafos . Cabeçalho: , , , , , . Comentário: . Atributos comuns. Tags - indica um bloco de texto
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 maisCEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
Leia maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Leia maisWeb Design Aula 16: Modelo de Caixa e propriedades de Imagem
Web Design Aula 16: Modelo de Caixa e propriedades de Imagem Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Introdução Área de Conteúdo Enchimento Bordas Margens Caixas Propriedades
Leia maisHTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).
HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com
Leia maisProgramação para Internet I 3. HTML. Nuno Miguel Gil Fonseca
Programação para Internet I 3. HTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Um dos principais responsáveis pela evolução da Internet; Tida como a linguagem da Internet; Não é na verdade uma
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 maisFábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language linha 1 ítem 1 linha 2 linha 3 linha 4 Pré-formatação linha 5 Imagens
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 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 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 maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
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 maisAula 7 LISTAS E TABELAS. Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme
Aula 7 LISTAS E TABELAS Curso: Técnico em Informática Disciplina: Desenvolvimento Web Professora: Luciana Balieiro Cosme Listas Prover mecanismos para listar informações Devem conter um ou mais itens Elementos
Leia maisTreinamento em CSS. Índice
Nível: Básico Horas: 2 Treinamento em CSS Índice Índice...1 Introdução...2 Formantando documentos...2 O que é CSS?...2 Por que utilizar CSS?...2 Separando o sistema em camadas...3 Vinculando um arquivo
Leia maisDessa forma, o uso de elementos HTML que estruturem de forma clara a tabela auxiliam a sua leitura por pessoas que se utilizam leitores de tela.
Tabelas Acessíveis O objetivo do uso de tabelas em documentos HTML é a apresentação de dados tabulares. Para tanto, existem diversos elementos para formatar as tabelas de forma clara, tanto para o usuário
Leia maisAULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 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 : Produção e Programação Bacharel em Sistema
Leia maisHTML, CSS e JavaScript
HTML, CSS e JavaScript Contato: Site: http://professores.chapeco.ifsc.edu.br/lara/ 1 Arquivo externo Dentro da tag head: 2 Qual a dirença
Leia maisClaudio Damasceno. Avançar
Claudio Damasceno Conteúdo Alinhamento Âncoras, Links Tabelas Formatação Próximo Capítulo HTML prof.claudiodamasceno@hotmail.com 2 Recapitulando - Estrutura básica título DA PÁGINA
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 mais#Trabalhando com Texto
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Trabalhando com Texto Eliezio Soares elieziosoares@gmail.com Aula de Hoje Web
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 maisVejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz
Leia maisExercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exercícios Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Maio de 2018 1 Exemplos e Exercícios Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: 2 4) Também é possível
Leia maisHTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10
HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere
Leia mais08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão
Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior
Leia maisCSS. Karen Frigo Busolin
CSS Karen Frigo Busolin O que é CSS? Significa Cascading Style Sheets Estilos define como mostrar elementos HTML Estilos foram adicionandos no HTML 4.0 Estilos na solução de problemas HTML nunca deve a
Leia maisA C O N T R A R E F O R M A E A R E F O R M A C A T Ó L I C A N O S P R I N C Í P I O S D A I D A D E M O D E R N A 2
1 Í N D I C E A C O N T R A R E F O R M A E A R E F O R M A C A T Ó L I C A N O S P R I N C Í P I O S D A I D A D E M O D E R N A 2 A P R E S E N T A Ç Ã O : A L G U M AS N O T A S E P A L A V R A S 2
Leia maisExemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exemplos Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Agosto de 2018 2 1 Exemplos Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: Profa. Flávia Pereira de Carvalho
Leia maisC R I S T A N D A D E M E D I E V A L I g r e j a e P o d e r : r e p r e s e n t a ç õ e s e d i s c u r s o s ( s é c u l o s I V - X I )
1 C R I S T A N D A D E M E D I E V A L I g r e j a e P o d e r : r e p r e s e n t a ç õ e s e d i s c u r s o s ( s é c u l o s I V - X I ) F r a n c i s c o J o s é S i l v a G o m e s An t e s m e
Leia mais