HTML Professor: Luciano Otávio de Assis HTML
|
|
|
- Raphaella Pinho Eger
- 7 Há anos
- Visualizações:
Transcrição
1 Tags de Estrutura de Documentos HTML HTML São tags que definem e delimitam as principais porções ou seções do documento HTML. Elas São as tags necessárias para a adequada interpretação do arquivo HTML por um programa visualizador. Tag <!DocType> Especifica a versão da HTML que está sendo usada e em conformidade com qual órgão e especificação se encontra. PUBLIC ou PRIVATE Arquivo público ou arquivo privado HTML 4.01 ou HTML 3.2 Número da versão do HTML Exemplos: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " Tag <HTML>...</HTML> Delimitam o início e o fim do arquivo HTML. Tag <HEAD>...</HEAD> São usadas para definir determinados parâmetros e características de documentos. Tag <META> É usada para fornecer informações que não possam ser fornecidas em qualquer outro ponto do documento, como o nome de um gerador ou outras informações pertinentes. Uso < META NAME= Name CONTENT= Nome em Valor ou String > <META http-equiv= Action CONTENT= Date > Exemplos: <META NAME= Author CONTENT= Luciano Otávio de Assis > Criando Parágrafos: A tag <P>... </P> define um bloco de texto a ser exibido como um parágrafo no documento Web. Um espaço em branco é inserido antes e depois de um parágrafo. ALIGN Controla o alinhamento do parágrafo. Os valores válidos são: LEFT, CENTRER, JUSTIFY E RIGHT. Quebra de Parágrafos
2 <BR> Umas das poucas tags que você não precisa fechar. Cabeçalhos <H1> até <H6> <HX> Á medida que o valor X aumenta, o tamanho da fonte e a importância diminuem. <H1>... </H1> <H2>... </H2> <H3>... </H4> <H5>... </H5> <H6>... </H6> Linha Vertical A tag <HR> cria automaticamente uma linha horizontal ou divisória entre elementos de bloco SIZE=Y, onde y especifica uma espessura em pixels. O padrão é SIZE=2. WIDTH=X, onde x especifica a largura horizontal em pixels (WIDTH=20) ou em porcentagem ALIGN= LEFT, CENTER, RIGHT determina o alinhamento do fio horizontal. O padrão é ALGIN=LEFT. NOSHADE desativa o aspecto realçado do fio. Por padrão o realce fica ativo. Adicionando Comentários a sua página html Para adicionar comentários use: <!-- Digite aqui seu comentário -- > Geralmente usado para comentar uma instrução Adicionando Cor ao Background <body bgcolor="yellow"> Você pode usar o nome da cor em inglês ou um código hexadecimal Ex: #2F4F2F Adicionando uma imagem com fundo da sua página <body background="nome da imagem.jpg"> <body background="nome da imagem.gif"> Formatação de Texto: Tags <TT> - Cria texto em fonte de máquina de escreve ou monoespaçada. <I> - Cria texto em itálico. <B> - Cria texto em negrito. <U> - Cria texto sublinhado.
3 <STRIKE> - Cria texto tachado. <BIG> - Apresenta o texto em um tamanho maior do que o do texto situado ao redor. <SMALL> - Apresenta o texto em um tamanho menor do que o do texto situado ao redor. <SUB> - Tenta Colocar o texto no estilo subscrito. <SUP> - Colocar o texto no estilo subscrito. <EM> - Apresenta a fonte com ênfase. <STRONG> - Apresenta a fonte com maior ênfase. <DFN> - Especifica uma definição do texto estilizado. <CODE> - Apresenta a fonte como um exemplo de código. <SAMP> - Apresenta a fonte como uma amostra resultante de um programa ou aplicativo <KBD> - Apresenta a fonte como um texto que o leitor deve digitar. <VAR> - Apresenta a fonte como variáveis, argumentos, comandos ou instruções. <CITE> - Apresenta a fonte como uma citação ou referência a outra fonte de informação. <EM> e <DFM> <VAR> <CITE> - A formatação é parecida <SAMP> e <CODE> - A formatação é parecida <ADDRESS> - Usada para formatação de endereço é parecido com itálico. <Del> - Usado para colocar em texto excluído para dar ênfase ao erro. O texto fica com u m corte. < ACRONYM > Usada para formatação de acrônimos. Ao passar o mouse sobre a palavra ou as letras aparecem seu significado Ex: < ACRONYM TITLE="File Transfer Protocol">FTP </ACRONYM> Inserindo IMAGENS <img border="0" src="images/seta.gif" alt="seta"> : BORDER - a imagem esta sem borda. SRC é o caminho onde a imagem está ALT serve para dar nome a imagem, ao passar o mouse em cima da imagem aparece o texto digitado Criando Links <a href=" Cadê </a> <A HREF= endereço de internet ou pagina> TITLE têm a mesma função que o ALT da imagem. TARGET=_blank _parent _self _top _blank Faz o navegador abrir uma nova janela para exibir a página. _self Faz p navegador atualizar o antecessor do quadro corrente, presumindo que exista algum.
4 _top Remove todos os frames e abre o arquivo na janela inteira do browser. Abre na janela atual, desfazendo as subdivisões em frames Colocando uma imagem como link <a href="html03.htm"> <img border="0" src="images/seta.gif"> </a> Criando uma âncora na mesma página <a href="#ancora4"> Aqui para onde você quer a âncora va</a> <a name="ancora4"> Posiciona-se onde você quer colocar a âncora </a> Criando Listas Listas Não Ordenadas <ul> <li>pentium IV 1.5 GHZ</li> <li>512 de RAM</li> <li>hd de 60 Giga</li> <li>monitor de 17' polegadas</li> <li>placa de Vídeo de 64 Mega</li> <li>dvd</li> <li>cd/cdrw</li> </ul> TYPE Define o tipo de marcador usado na lista inteira. Os TYPES válidos são DISC, CIRCLE e SQUARE Listas Ordenadas <ol> <li>pentium IV 1.5 GHZ</li> <li>512 de RAM</li> <li>hd de 60 Giga</li> <li>monitor de 17' polegadas</li> <li>placa de Vídeo de 64 Mega</li> <li>dvd</li> <li>cd/cdrw</li> </ol>
5 TYPE Estabelece a seqüência numérica ou alfabética a ser usada na lista ordenada. Os valores válidos são 1, A,a,I,i (numérico, letras maiúsculas,letras minúsculas,numerais romanos maiúsculos ou numerais romanos minúsculos). Lista de Definição É usada para apresentar uma lista de definição ou de glossário que apresenta uma lista de termos e definições <dl> <dt>faq </dt> <dd> Acrônimo de Frequently Asked Questions. Documento que reúne respostas às perguntas feitas com maior freqüência pelos usuários. Para cada assunto na Internet existe uma FAQ específica. </dd> Compact Tenta apresnetar a lista da fomra mais compacta possível. Criando Tabelas <TABLE> </TABLE> Cria a estrutura básica da Tabela sem linhas e colunas. É o Contêiner da Tabela. <TABEL BORDER> </TABLE BORDER> Cria a estrutura báscia da tabela com bordas <TR> </TR> Cria uma linha dentro da tabela <TD> </TD> Define uma célula dentro de uma linha <TH> </TH> Define uma élula de título com o texto centralizado e em negrito <CAPTION> </CAPTION> Cria um título para a tabela acima dela. Criando uma linha horizontal usando tabela <table cellpaddding=0> <tr> <td width=2 bgcolor="red"> </td> <td> <center> LINHA <br> vertical<br> vamos<br> atá<br> em baixo<br> não é<br>
6 mesmo<br> so para ver<br> a linha <br> horizontal<br> que se <br> alonga<br> de <br> baixo<br> para<br> cima<br> uma HR<br> na vertical </center> <td> </tr> </table> HTML Frames com 03 colunas e tamanho fixo em pixels. <HTML> <HEAD> <TITLE > Frame com 3 colunas com tamanho em pixels </TITLE> </HEAD> <FRAMESET COLS=100,300,200> <FRAME SRC="A.HTM"> <FRAME SRC="B.HTM"> <FRAME SRC="C.HTM"> </FRAMESET> </HTML> <HTML> <HEAD> <TITLE > Frame com 3 linhas com tamanho em pixels </TITLE> </HEAD> <FRAMESET ROWS=100,300,200> <FRAME SRC="A.HTM"> <FRAME SRC="B.HTM"> <FRAME SRC="C.HTM"> </FRAMESET> </HTML> <HTML> <HEAD> <TITLE > Frame com 3 linhas com tamanho em relativos </TITLE> </HEAD> <FRAMESET ROWS=*,*,*> <FRAME SRC="A.HTM"> <FRAME SRC="B.HTM"> <FRAME SRC="C.HTM">
7 </FRAMESET> </HTML> HTML FRAMES COM LINHAS E COLUNAS <HTML> <HEAD> <TITLE > Frame com linhas e colunas</title> </HEAD> <FRAMESET COLS=50%,50%> <FRAMESET ROWS=50%,50%> <FRAME SRC="A.HTM"> <FRAME SRC="B.HTM"> </FRAMESET> <FRAME SRC="C.HTM"> </FRAMESET> </HTML> <html> <head> <title> Juntando linha e colunas</title> </head>
8 <frameset rows=50%,50%> <frameset cols=50%,50%> <frame src=a.htm> <frame src=b.htm> <frame src=c.htm> </html> <html> <head> <title> Juntando linha e colunas</title> </head> </head> <frameset rows="*,80" cols="*" frameborder="no" border="0" framespacing="0"> <frameset cols="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///d /Loassis/UntitledFrame-14" name="leftframe" scrolling="no" noresize> <frame src="file:///d /Loassis/Untitled-5" name="mainframe"> <frame src="file:///d /Loassis/UntitledFrame-15" name="bottomframe" scrolling="no" noresize > <noframes><body> </body></noframes> </html> <html> <head> <title> Juntando linha e colunas</title>
9 </head> <frameset rows=50%,50%> <frameset cols=80,*> <frame src=a.htm> <frame src=b.htm> <frame src=c.htm> </html> <FRAMESET> As tags <FRAMESET>...</FRAMESET> são os containeres da definição de uma página baseada em frames. As tags <FRAMESET>...</FRAMESET> substituiem as tags <BODY>...</BODY> no documento em HTML. ROWS Define o número e o tamanho de linhas de frames que devem ser criadas na área de trabalho do navegador. Os valores válidos podem ser absolutos (pixels), relativos (curingas) ou precentagens da tela. <FRAME> A tag <FRAME> define um frame ou janela em um documento baseado em frames. SRC A página Web que aparecerá no frame.
10 NAME O nome do frame. Esse atributo é usado para permitir que um frame controle um outro por meio de uma especificação TARGET. SCROLLING define se o frame deve apresentar barras de rolagem. Os valores válidos para esse atributo são SCROLLING=YES (NO ou AUTO). O padrão é AUTO. MARGIWIDTH As margens esquerda e direita do frame, em pixels. Esse atributo não pode ser igual a zero MARGIHEIGHT As margens esquerda e direita do frame, em pixels. Esse atributo não pode ser igual a zero FRAMESPACING Espaçamento entre os frames. NORESIE Retira a possibilidade de o usuário alterar o tamanho do frame.
gedit Bloco de notas
GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução
Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML
Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) Todo documento HTML apresenta elementos entre os símbolos (< e >). Esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria
CEEP-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
Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com
Introdução a Linguagem HTML: Conceitos Básicos e Estrutura ANA PAULAALVES DE LIMA INFORMÁTICA E METODOLOGIA - SUBSEQUENTE 1 Quem sou eu? Ana Paula Alves de Lima Formação: Bacharel em Sistemas de Informação;
Introdução. Introdução a HTML. A Linguagem HTML. Estrutura de uma Página. Mário Antonio Meireles Teixeira
Introdução Introdução a HTML Mário Antonio Meireles Teixeira Dept o. de Informática - UFMA mario@deinf.ufma.br Página Web: É um documento composto de texto e códigos especiais, chamados tags, que especificam
HTML 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
Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
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 Apresentar
Web Design Aula 11: XHTML
Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft
Construção de Páginas para Internet INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6
Índice INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6 4. COLORIR UMA PÁGINA 7 5. FORMATAÇÃO 8 6. ANIMAÇÃO DE TEXTO E IMAGENS 10 Pág 1 7. UTILIZAÇÃO DE IMAGENS
WEB DESIGNER WEB DESIGNER
WEB DESIGNER 1 WEB DESIGNER INICIO DO CURSO DE HTML 4.0 Toda vez que você acessar um site (veja tópico Word Wide Web) por meios de domínios quando adiciona a URL na barra de endereço, do seu Navegador
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS. Redes de Comunicação
MODULO 4 DESENVOLVIMENTO DE PÁGINAS WEB ESTÁTICAS Redes de Comunicação Regras para um website eficaz Categorização dos conteúdos estrutura lógica dos conteúdos Condensação conteúdos simples e directos
Programaçã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
HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br
HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home
Prof.: Melba Lima Gorza Aula Introdutória de HTML. Componentes do HTML. Estrutura de um documento XHTML
Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML
Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza
Webdesign Introdução a 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 Apresentar as
HTML Página 29. Índice
PARTE - 5 HTML Página 29 Índice HTML - Hiperlinks... 30 Frames com links... 31 O código fonte do arquivo índex.htm... 31 Conhecendo os comandos border e bordercolor do frame... 31 Conhecendo os comandos
Programação para Internet I 5. XHTML. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt
Programação para Internet I 5. XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Standard do W3C (www.w3c.org) desde 1999 Pode ser considerada a mais recente versão da linguagem HTML É uma aplicação
<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >
Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG
( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho -
Apostila de XHTML ( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho - Prof. Luis Rodrigo de O. Gonçalves E-mail:luisrodrigoog@yahoo.com.br site: http://www.lrodrigo.cjb.net Prof.
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
Elementos HTML. O parágrafo pode ter seu alinhamento alterado, se usar o parâmetro ALIGN.
Elementos HTML Parágrafos e Quebras de Linha A linguagem HTML não reconhece as quebras de linha geradas pelo uso da tecla e os espaços (no caso mais de um) incluídos por meio do teclado. Comando...
TECNOLOGIAS 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
Profa. Reane Franco Goulart
Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir
HTML. HyperText Markup Language
HTML HyperText Markup Language HTML Linguagem de Marcadores de Hipertexto Baseada em tags Diferentemente de outras linguagens como C e Pascal, a linguagem HTML não é compilada e sim interpretada. Estrutura
C A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML
C A P I T U L O 0 1 I N T R O D U Ç Ã O A O XHTML 1 O QUE É XHTML? XHTML significa Linguagem de Marcação de Hipertexto (Extensible Hypertext Markup Language) XHTML é quase idêntico ao HTML 4.01 XHTML é
Programação de Servidores CST Redes de Computadores
Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto
Tabelas. 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
Certificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela
Certificado ISO 9001:2000 Nº 23.0021/98 Centro de Informática CETEP Quintino www.ciquintino.com.br Elaborada por: Wanderson Mirandela A POLÍTICA DA QUALIDADE DO CI Prover cursos de nível básico profissionalizante
Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011.
Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011. CSS aplicado com HTML CSS é a sigla para Cascading Style Sheets
Capítulo 9 - Imagens. Imagens
Capítulo 9 - Imagens 9 Imagens EM JAVASCRIPT, É POSSÍVEL MANIPULAR COM AS IMAGENS DE UMA PÁGINA, alterando a URL que localiza o arquivo de imagem. Assim, pode-se trocar a imagem que está sendo exibida
1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?
HTML 1. INTRODUÇÃO HTML abreviação de HiperText Markup Language é a linguagem de programação que usamos para criar uma página Web, que, por sua vez, será composta de textos e comandos especiais, chamados
Aplicação para Web I. Começando a compreender o HTML
Aplicação para Web I Começando a compreender o HTML A Linguagem da WEB O HTML ou HyperText Markup Language linguagem universal compreendida pelos navegadores web (browsers) para a comunicação utilizando
Tabelas. 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
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar listas 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
Links e Frames José Antônio da Cunha
Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais
Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais AMANDA - TUTORIAL HTML Básico Oficina de produção de tutoriais
Prova de pré-requisito
Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano
O que é Microsoft Excel? Microsoft Excel. Inicialização do Excel. Ambiente de trabalho
O que é Microsoft Excel? Microsoft Excel O Microsoft Excel é um programa para manipulação de planilhas eletrônicas. Oito em cada dez pessoas utilizam o Microsoft Excel pra trabalhar com cálculos e sistemas
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML
PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 06: Introdução Linguagem HTML O Desenvolvimento Web O desenvolvimento web é o termo utilizado para descrever atividade relacionada
Aula 5 Tabelas. 1.Tabelas
Aula 5 Tabelas Continuando a tratar de documentos na Web, nosso principal assunto hoje são as tabelas, com as quais você poderá incrementar a disposição dos elementos em sua página de maneira mais criativa.
A estrutura de um documento HTML apresenta os seguintes componentes:
A estrutura de um documento HTML apresenta os seguintes componentes: Titulo do Documento texto, imagem, links,... As etiquetas HTML não são sensíveis
Frames. 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
LIBREOFFICE: APRESENTAÇÃO COM O IMPRESS. Professor: Francisco Dantas Nobre Neto
LIBREOFFICE: APRESENTAÇÃO COM O IMPRESS Professor: Francisco Dantas Nobre Neto E-mail: dantas.nobre@ifpb.edu.br Agenda LibreOffice Impress Exercício Formatação Ajustando layout Ajustando o modelo Exercício
Unidade IV Introdução à Linguagem PHP Parte 1
Unidade IV Introdução à Linguagem PHP Parte 1 Professor Fabiano de Paula Soldati fpsoldati@yahoo.com.br http://br.groups.yahoo.com/group/professorsoldati/ Introdução HTML = HyperText Markup Language HTML
HTML - Hyper Text Markup Language. Curso Básico Prof. Pedro Luiz O. Costa Bisneto
HTML - Hyper Text Markup Language Curso Básico Prof. Pedro Luiz O. Costa Bisneto Sumário Introdução 3 Exemplo de página HTML básica 4 Tags do HTML 5 Cabeçalho 5 Estilos 6 Corpo da página 8 Texto e parágrafo
DESENVOLVIMENTO WEB I - 7122
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Aula 2: Listas e Links
Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença
O QUE É O CALC PLANILHAS ELETRÔNICAS O Calc é um programa que trabalha com planilhas.
O QUE É O CALC PLANILHAS ELETRÔNICAS O Calc é um programa que trabalha com planilhas. INICIANDO Vamos iniciar o BrOffice.org Planilha utilizando o caminho: Aplicações/ Escritório/ Planilhas (oocalc). A
6.2 - Formulários: form <form action="url_de_script" method="método">...</form> form action method POST GET exceto outros formulários form
6.2 - Formulários: Um dos recursos mais fascinantes da linguagem HTML é a possibilidade de criar formulários eletrônicos. Usando um formulário o usuário pode interagir com o servidor, enviando dados que
Comandos 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
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 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
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB -
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Taquara - RS Sumário Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html
O 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
CTRL+SHIFT ao arrastar um item - Criar um atalho para um item selecionado
Teclas de Atalho Windows Área de Trabalho CTRL+A - Selecionar tudo CTRL+ESC - Exibir o menu Iniciar CTRL ao arrastar um item - Copiar um item selecionado CTRL+SHIFT ao arrastar um item - Criar um atalho
HTML 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
Computação Instrumental
Computação Instrumental Antonio Cesar Germano Martins amartins@sorocaba.unesp.br Engenharia Ambiental 2º Semestre de 2016 1 Memória de Massa Entrada Barramento Saída Memória Principal Unidade Central de
1. 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
NÃO se trata de uma opção de alinhamento da tabulação de parágrafos no MS Word:
RÉGUAS FCC - 2010 - AL-SP NÃO se trata de uma opção de alinhamento da tabulação de parágrafos no MS Word: a) Direito. b) Centralizado. c) Esquerdo. d) Justificado. e) Decimal. FCC - 2010 - TRE-AL - Técnico
Mó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
André Kawamoto NE31A
André Kawamoto NE31A Internet Internet: uma coleção de redes Todos os computadores conectados à Internet fazem parte de uma rede (rede local, rede doméstica) Rede de Redes Internet x WWW Internet e World
17/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,
Desenvolvimento em Ambiente Web. HTML - Introdução
Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,
Formatar parágrafos no Word 2007/2010
Formatar parágrafos no Word 2007/2010 Na aba Início em parágrafo contém um grupo de atalhos da configuração dos parágrafos, mas se precisar de algo mais avançado, como escolher as configurações de forma
Links, 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
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
Sintaxe 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,
MREditor Editor de Impressos
MEDSYSTEM S/V Departamento de Desenvolvimento MREditor Editor de Impressos Poços de Caldas LISTA DE FIGURAS FIGURA 1 Tela Principal... 7 FIGURA 2 Barra de Ferramentas... 8 FIGURA 3 Botão Novo... 8 FIGURA
Prof.ª: Dr. Maria Lúcia Pozzatti Flôres Organização: Gilberto Raitz Junior
Prof.ª: Dr. Maria Lúcia Pozzatti Flôres Organização: Gilberto Raitz Junior O Excel é um programa que nos permite criar planilhas inteligentes. Ele reconhece as informações digitadas e com elas realiza
<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
PROGRAMAÇÃ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,
Mó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
HTML? 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
PLANO DE AULA. OBJETIVO: Conhecer os programas para editar textos: WordPad e Microsoft Office Word 2007.
PLANO DE AULA DATA: CARGA HORÁRIA: 2h PROFESSOR: Ivan de Jesus Ribeiro OBJETIVO: Conhecer os programas para editar textos: WordPad e Microsoft Office Word 2007. METODOLOGIA DE ENSINO: Dialogada, Expositiva
Programação WEB I Funções
Programação WEB I Funções Funções As funções podem ser definidas como um conjunto de instruções, agrupadas para executar uma determinada tarefa. Dentro de uma função pode existir uma chamada a outra função.
Aula 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
Webdesign 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
Hiperlinks. 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
Microsoft Powerpoint 2003
Microsoft Powerpoint 2003 O Microsoft PowerPoint é um programa que integra o pacote Office da Microsoft e é utilizado para efetuar apresentações gráficas atrativas e eficazes, no sistema operacional Windows.
HyperText 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
Relatório: Página HTML
Universidade do Minho Escola de Engenharia Relatório: Disciplina: Linguagens de Programação Curso: Engenharia e Gestão Industrial Carolina Fernandes N.º40532 Guilherme Bacinello N.º42119 Diana Rocha N.º40536
Vejamos 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
Submissão de trabalhos NORMAS DE SUBMISSÃO DE TRABALHOS
Submissão de trabalhos NORMAS DE SUBMISSÃO DE TRABALHOS TITULO DO ARTIGO EM LETRA MAIÚSCULA; NEGRITO; FONTE: TIMES NEW ROMAN, 14; CENTRALIZADO; ESPAÇO SIMPLES; ESTILO NORMAL Nome e Sobrenome(s) do autor
Introdução à Linguagem HTML
Introdução à Linguagem HTML HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) é fruto do "casamento" dos padrões HyTime e SGML.; HyTime - Hypermedia/Time-based Document Structuring
HyperText 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
F E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
3. 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,
Passa a passo para construir uma página pessoal - Parte 1
Passa a passo para construir uma página pessoal - Parte 1 Quais ferramentas são necessárias? - Editor de texto básico (sem formatações): use o Bloco de Notas (não use o MS Word e WordPad) - Navegador (browser):
PIM III. Projeto Integrado Multidisciplinar GESTÃO MERCADOLOGICA
PIM III Projeto Integrado Multidisciplinar GESTÃO MERCADOLOGICA 1 PIM PROJETO INTEGRADO MULTIDISCIPLINAR TEMA: O aluno deverá escolher uma empresa de qualquer porte ou segmento e, com base no cenário desta
Curso Básico de PowerPoint 2010
UNIVERSIDADE FEDERAL DO PARÁ PRÓ- REITORIA DE EXTENSÃO INSTITUTO DE CIÊNCIAS EXATAS E NATURAIS PROJETO DE EXTENSÃO: INCLUSÃO DIGITAL DE ESTUDANTES DE ESCOLAS PÚBLICAS DO ENTORNO DA UNIVERSIDADE FEDERAL
Geralmente uma página com frames é constituída por dois ou três elementos básicos:
Objectivos da actividade: Frames Exemplos de frames Com 2 ficheiros Com 3 ficheiros 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída
Universidade Federal de Uberlândia - UFU Faculdade de Computação - FACOM Lista de exercícios de programação em linguagem C. Exercícios: Structs
Universidade Federal de Uberlândia - UFU Faculdade de Computação - FACOM Lista de exercícios de programação em linguagem C Exercícios: Structs 1. Utilizando estrutura, fazer um programa em C que permita
INTERNET 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
Recursos 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
Web Design Livre. do GIMP ao HTML <HTML> Jezmael Basilio Marcos Vinícius
Web Design Livre do GIMP ao HTML Jezmael Basilio Marcos Vinícius GIMP 1. Introdução GIMP é o acrônimo para GNU Image Manipulation Program (Programa de Manipulação de Imagens do GNU). Como o próprio
APOSTILA DE INFORMÁTICA WORD PAD E TECLADO
APOSTILA DE INFORMÁTICA WORD PAD E TECLADO Profa Responsável Fabiana P. Masson Caravieri Colaboração das monitoras: Cindy Berti e Laysla Araujo Giovanini SUMÁRIO 1. EDITOR DE TEXTO... 3 1.1. WORDPAD...
20/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;