HyperText Markup Language HTML

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamanho: px
Começar a partir da página:

Download "HyperText Markup Language HTML"

Transcrição

1 HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo Introdução Linguagem de Marcação de Hipertexto. Uma linguagem utilizada para a construção de documentos/páginas para Web (Web Sites). HTML não é de propriedade de ninguém. É resultado de pessoas que trabalham em muitos países e muitas organizações para definir a linguagem. HTML é um documento que pode ser produzido nos editores de texto mais simples e executado pelo browser (navegador). 2

2 Sintaxe HTML é composta por tags. Tag é um comando que inicia com o caractere < e finaliza com o caractere >. Cada tag pode conter de nenhum a mais de um atributo. Existem dois tipos de tags Tag de Delimitação Tag de Presença 3 Tag de Delimitação Par de tags que cercam o conteúdo a ser marcado. Sintaxe: <tag>...</tag> O caractere / significa a finalização de uma determinada tag. Exemplos: <html>...</html> <title>...</title> 4

3 Tag de Presença Tag única que aplica a sua ação em sua posição atual. Sintaxe: <tag /> O caractere / tem a mesma função na tag de delimitação. Exemplos: <br /> <hr /> 5 Atributos Existem dois tipos de atributos: Atributo de Valor Atributo de Presença 6

4 Atributo de Valor Corresponde a uma característica que pode ser representada por vários valores, podendo ter várias opções de resultados. Sintaxe: <tag atrib= valor >...</tag> <tag atrib= valor /> Exemplos: <font size= 3 >...</font> <hr width= 50% /> 7 Atributo de Presença Corresponde a uma característica que é aplicada quando simplesmente aparece. Sintaxe: <tag atrib>...</tag> <tag atrib /> Exemplos: <hr noshade /> <option... selected>...</option> 8

5 Estrutura Básica do Documento Todo documento HTML começa com a tag <HTML> e termina com a tag </HTML>. Entre estas tags está o código fonte do documento web que é composto por duas seções: Cabeçalho Usa as tags <HEAD>...</HEAD>. Corpo Usa as tags <BODY>...</BODY>. <html> <head>... </head> <body...>... </body> </html> 9 Cabeçalho <head>...</head> Contém informações para o navegador ou servidor processar este documento. Estas informações são: Título Dados para mecanismo de busca O que for necessário para ser lido pelo navegador antes do documento ser mostrado na tela. As duas tags da seção HEAD são: TITLE e META. 10

6 Título <title>...</title> Consiste na marcação do texto que é o título que fica na barra do navegador. Ela não contém nenhum atributo e só aparece uma vez em cada documento. <HTML> <HEAD> <TITLE>..oOºº Nícolas Trigo ººOo..</TITLE>... </HEAD> <BODY...>... </BODY> </HTML> 11 12

7 Informação META <meta... /> Esta tag em combinação com os valores dos seus atributos poderá proporcionar de diversas ações, entre elas estão: Informações para Sites de Busca (descrevem o conteúdo de seu site para os buscadores), como Google, Yahoo!, etc. Atualização periódica de documentos de web sites. Redirecionamento entre documentos de web sites 13 META para Sites de Busca A tag acima informa palavras que serão utilizadas pelos mecanismos de busca para a identificação do documento. Parâmetros para sistema de busca do site da disciplina Programação Web dos cursos da Coordenação de Informática do IF Sertão-PE. <META HTTP-EQUIV= Keywords CONTENT= IF Sertão-PE, Coordenação de Informática, Programação Web, HTML, XHTML, CSS, Javascript, PHP, MySQL, Apache > 14

8 META para atualização periódica Esta tag informa ao navegador web para atualizar a página atual, após um período de tempo especificado. <meta http-equiv= refresh content= X />, onde X corresponde ao tempo em segundos. Para que a página seja recarregada automaticamente a cada 5 segundos, use a seguinte tag: <meta http-equiv= refresh content= 5 /> 15 META para Redirecionamento Esta tag informa ao navegador web para mover automaticamente para outra página web. <meta http-equiv= refresh content= X;url= Y >, onde X é o tempo em segundos e Y o nome do documento destino. Encaminhar para o documento abc.html após 10 segundos, faça assim: <meta http-equiv= refresh content= 10;url= abc.html > 16

9 Corpo <body...>...</body> corresponde à seção que é formada pelo corpo do documento. É nela que se encontra a parte visual e auditiva do documento como: texto, formulário, tabela, imagem, links, etc. Os principais atributos desta tag correspondem a: Plano de fundo; Margem; Âncora; e Texto. 17 Corpo Plano de Fundo Os atributos que se referem a plano de fundo são: background bgcolor No atributo background existem duas formas de atribuição do caminho do arquivo de imagem: Caminho Absoluto Caminho Relativo 18

10 Caminho Absoluto O caminho absoluto refere-se a partir da World Wide Web inserir o caminho completo até chegar ao arquivo de imagem. Por exemplo: <body background= imagens/figura.gif >... </body> 19 Caminho Relativo O caminho relativo refere-se a partir do ponto onde o arquivo do código-fonte se encontra no servidor até o arquivo de imagem. Por exemplo: <body background=../imagens/figura.gif >... </body> 20

11 Corpo Plano de Fundo O atributo bgcolor contém a cor que será usada como plano de fundo do documento. A cor pode ser identificada pelas seguintes formas: Nome da cor em inglês; ou código RGB em hexadecimal. Exemplos: <body bgcolor= yellow >...</body> <body bgcolor= #FFFF00 >...</body> 21 Nome da Cor em inglês 22

12 Código RGB em hexadecimal Formado por sete caracteres: primeiro pelo caractere #, seguido de seis dígitos em hexadecimal: (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). Dos seis dígitos: os dois primeiros correspondem à cor vermelha; os dois do meio correspondem à cor verde; e os dois últimos correspondem à cor azul. 23 Corpo Margens Os atributos que tratam das margens são: topmargin e leftmargin, que atendem ao Internet Explorer; e marginwidth e marginheight, que atendem aos demais navegadores. Os atributos topmargin e marginwidth correspondem à margem superior. Os atributos leftmargin e marginheight correspondem à margem esquerda. O valor destes atributos são em pixel. O valor default é de 10 pixel. Exemplos: <body topmargin= 0 leftmargin= 0 marginwidth= 0 marginheight= 0 >... </body> 24

13 Corpo Âncoras e Texto Os atributos que tratam dos links e texto são: O atributo link, que afeta a cor de todos os links de um documento que ainda não foram acessados (default: azul); O atributo vlink, que afeta a cor dos links que já foram acessados (default: lilás); O atributo alink, que afeta a cor do link ativo, que está sendo acessado (default: vermelho); e O atributo text, que afeta a cor do texto (default: preto). Exemplo: <body link= red vlink= green alink= gray text= blue >...</body> 25 Estrutura básica do documento As tags que serão vistas são aplicadas entre as tags <body> e </body>. Estas tags geram conteúdo visual ou auditivo no navegador. Serão demonstrados atributos prioritários, mas não exclusivos. A maioria dos atributos são aplicáveis à todas as tags. 26

14 Parágrafo <p>...</p> <p align= center >...</p> Esta tag cerca um parágrafo do documento. O atributo ALIGN corresponde ao alinhamento deste parágrafo. As opções são: left right center justify O valor padrão é o valor left. 27 Títulos e Subtítulos Corresponde à identificação de um determinado texto como título. A tag é formada pela letra H e um número que varia entre 1 e 6. Deixa o texto em negrito e aumenta o espaço entre as outras informações. O h1 corresponde a maior fonte, diminuindo de tamanho até o h6, que é o menor. As tags são assim: <H1>...</H1> <H2>...</H2> <H3>...</H3> <H4>...</H4> <H5>...</H5> <H6>...</H6> 28

15 Linha Horizontal Corresponde ao desenho de uma linha horizontal. Os seus atributos são: ALIGN que corresponde ao alinhamento; WIDTH que corresponde à largura, podendo ser em porcentagem ou pixels; SIZE que corresponde à espessura em pixels; e NOSHADE que retira a sombra da linha. Por default: a linha é centralizada, 100% de largura, 2px de espessura e com sombra. Sintaxe <HR ALIGN= CENTER WIDTH= 100% SIZE= 2 NOSHADE /> 29 Formatação de texto Define-se através das tags: <font...>...</font> A tag font não faz nada sozinho, ela precisa dos atributos: face Tipo (ex. Times New Roman, Arial, etc.) size Tamanho (de 1 [ ~8pt ] a 7 [ ~36pt ]) color Cor (nome em inglês ou cor RGB em hexadecimal) Exemplo: <font face= Arial size= 3 color= # > Texto formatado </font> Visualização: Texto Formatado Tag em desuso após a adotar CSS! 30

16 Quebra de Linha Define com a tag <br /> a quebra de linha entre informações. Tag de presença que pode ser usada em qualquer lugar do códigofonte. Exemplo: Texto na parte Superior <br />Texto do meio<br />Texto na parte Inferior. Visualização: Texto na parte Superior Texto do meio Texto na parte Inferior. 31 Formatação Básica no texto <b>...</b> <i>...</i> <u>...</u> <s>...</s> Negrito (Bold) Itálico (Italic) Sublinhado (Underline) Riscado (Strike) Exemplo: <b>negrito</b><br /> <i>itálico</i><br /> <u>sublinhado</u><br /> <s>riscado</s><br /> 32

17 Acrônimo Palavra formada com as letras ou sílabas iniciais de uma sequência de palavras, pronunciada sem soletração. <acronym title= X >Y</acronym> A tagacronym mapeia a informação Y, mostrando o texto X em uma caixa flutuante descrito pelo atributo title quando sobrevoa o mouse por cima dela. Exemplo: <acronym title= Instituto Federal de Educação, Ciência e Tecnologia do Sertão Pernambucano >IF Sertão-PE</acronym> Visualização: 33 Centralização Tags que delimita as informações e/ou estruturas que serão centralizadas na visualização. Exemplo: <center>texto</center> <center>...<img src=... />...</center> 34

18 Aumento e Diminuição de tamanho Para aumentar o tamanho do texto, deve inserir o texto a ser aumentado entre as tags: <big>...</big> Quanto mais tags cercar o texto, maior ele ficará. <big><big><big>...</big></big></big> Já para diminuir, deve usar: <small>...</small> Quanto mais tags cercar o texto, menor ele ficará <small><small>...</small></small> 35 Margens laterais Proporciona uma margem lateral, tanto do lado esquerdo, quanto do lado direito. O par de tags consiste em: <blockquote>...</blockquote> Quanto mais tags cercar o texto, maior será a margem. <blockquote><blockquote>...</blockquote></blockquote> 36

19 Efeito pisca em texto Consiste em um par de tags que ao cercar um texto, faz com que este texto fique piscando. <blink>...</blink> Vale salientar que este par de tags não funciona nos navegadores Microsoft Internet Explorer e Google Chrome. 37 Letreiro Eletrônico Par de tags que demarcam textos e/ou imagens fazendoos deslocar de um ponto a outro da tela. <marquee...>...</marquee> Os principais atributos são: width largura da área de deslocamento. Os valores podem ser em pixels ou em porcentagem. height altura da área de deslocamento. Os valores podem ser em pixels ou em porcentagem. direction define a direção do deslocamento. Os valores podem ser: left (da esquerda para a direita); e right (da direita para esquerda. 38

20 Letreiro Eletrônico Outros atributos da tag marquee são: behavior indica como o conteúdo irá deslocar. Os valores são: scroll (após deslocar todo o percurso, reinicia do ponto de partida). slide (no final, o conteúdo paralisa após deslocar todo o percurso). alternate (o conteúdo fica indo e voltando dentro da área de deslocamento). 39 Comentários Tags que iniciam e finalizam um determinado texto apenas comentado no código-fonte, fazendo com que o interpretador despreze-o. Exemplo: Texto interpretado <!-- Texto comentado --> Texto interpretado 40

21 Tabela de Acentuações e Caracteres Especiais 1 de 2 Corresponde a um espaço. 41 Tabela de Acentuações e Caracteres Especiais 2 de 2 42

22 Listas São estruturas de informações unidimensionais. Serão trabalhados dois tipos de listas: Lista Desordenada (Unordened List UL) Lista Ordenada (Ordened List OL) Lista de Definição (Definition List DL) 43 Lista Desordenada (Unordened List) Não apresenta uma ordenação, simplesmente são relatadas os itens delas. Uma lista contém um conjunto de informações transcritas em itens, portanto precisa delimitála, por isso as tags são: <ul> e </ul>. O item da lista é representado pelo marcador da informação através da tag <li />. Existe o atributo type que consiste no formato do marcador do item. Para listas desordenadas, os valores deste atributo são: disc (círculo preenchido padrão) circle (círculo oco) square (quadrado preenchido) Exemplo: <ul type= square > <li />Primeiro Item <li />Segundo Item... <li />Enésimo Item </ul> 44

23 Lista Ordenada (Ordened List) Diferente da lista anterior, as Listas Ordenadas apresentam uma ordenação, através dos seus marcadores. A representação das tags são: <ol> e </ol>. O item da lista é representado pelo marcador da informação através da tag <li />, semelhante ao item da lista desordenada. O atributo type que consiste no formato do marcador do item. Para listas ordenadas, os valores deste atributo são: 1 (algarismo arábico padrão) A (alfabeto maiúsculo) a (alfabeto minúsculo) I (algarismo romano maiúsculo) i (algarismo romano minúsculo) Exemplo: <ol type= A > </ol> <li />Primeiro Item <li />Segundo Item... <li />Enésimo Item 45 Lista de Definição (Definition List) Consiste uma lista estruturada em termos e descrições. Pode ser aplicada, por exemplo, como uma estrutura de dicionário. As tags de delimitação da lista são <dl>...</dl>. Esta lista é composta por termos e descrições. As tags do termo são <dt>...</dt>, que vem de definition term; e as tags da descrição são <dd>...</dd>, que vem de definition data. Exemplo: <dl> <dt>termo 1</dt> <dd>descrição 1</dd> <dt>termo 2</dt> <dd>descrição 2</dd> <dt>termo 3</dt> <dd>descrição 3</dd> </dl> 46

24 Imagens Através de uma tag de presença, podemos apresentar uma imagem. A tag de imagem é<img... />, mas ela sozinha não representa nada. Ela deve estar sempre acompanhada do atributo src, que indica o caminho até o arquivo de imagem. Outros atributos também são apresentados: width largura da imagem (em pixels) height altura da imagem (em pixels) Exemplo: <img src= figura.jpg width= 400 height= 250 /> Se definir somente largura OU altura, a outra medida irá ser redimensionada de forma proporcional, mas se definir explicitamente as duas medidas, ou seja, largura E altura, então a imagem poderá ser esticada, distorcendo a imagem. 47 Navegação Os documentos em HTML somente com conteúdo não compõem a estrutura lógica da Internet. É necessário interligar os documentos. Existem três tipos de navegação: Para outro documento; Para uma âncora destino no mesmo documento; e Para uma âncora destino de outro documento. 48

25 Navegação Para outro documento Através das tags <a...>...</a> podemos marcar um conteúdo como um link (âncora). O atributo href torna-se obrigatório para identificar o destino, ou seja, qual documento HTML irá abrir. Exemplo: <a href= outrodoc.html >Outro documento</a> 49 Navegação Para uma âncora destino no mesmo documento Deve mapear uma área receptora através da tag e atributo: <a name= nome_destino ></a> No link, que está no mesmo documento da área receptora, deverá colocar a seguinte tag e atributo: <a href= #nome_destino >...</a> O símbolo # identifica uma área receptora mapeada. 50

26 Navegação Para uma âncora destino de outro documento Semelhante ao slide anterior, a diferença é que no link deve acrescentar o nome do arquivo antes da área receptora mapeada. <a href= arquivo.html#nome_destino >...</a> Mantém o mapeamento da área receptora idêntica ao slide anterior. 51 Atividade Criar os seguintes documentos HTML: index.html documento1.html documento2.html Nos três arquivos acrescente o Título (Site Teste) e três links (para cada documento acima) e uma linha horizontal. Depois da linha horizontal, acrescente um subtítulo, alguns parágrafos e/ou listas e, pelo menos, uma imagem. 52

27 Atividade 2 Faça um documento HTML contendo uma lista de palavras com links de navegação para o mesmo documento. Obs.: Se quiser, aproveite a idéia de fazer um índice ou dicionário. Link 1 Link 2 Link 1 Blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá. Topo Link 2 Nono nononon nono nono no non on o no no no n on o nononono nononon ononono nonono nonono. Topo 53

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos:

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos: Introdução HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Linguagem de Marcação de Hipertexto. Uma

Leia mais

QUEM FEZ O TRABALHO?

QUEM 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 mais

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. 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 mais

> Herbet Ferreira Rodrigues > contato@herbetferreira.com

> Herbet Ferreira Rodrigues > contato@herbetferreira.com Curso HTML & CSS > Herbet Ferreira Rodrigues > contato@herbetferreira.com Sumário > Apresentação > Introdução ao HTML História Começando a Programar > Tags em HTML Headings (Cabeçalhos) Parágrafos Formatação

Leia mais

Introdução ao HTML Hypertext Markup Language

Introdução ao HTML Hypertext Markup Language Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos Tags São comandos que são inseridos juntamente com o texto a ser apresentado, e que definem a forma como o mesmo será exibido na tela do

Leia mais

Roteiro 2: Conceitos de Tags HTML

Roteiro 2: Conceitos de Tags HTML Roteiro 2: Conceitos de Tags HTML Objetivos Detalhar conceitos sobre TAGS HTML: elementos, atributos, elemento vazio, links. Implementar páginas de internet com uso da linguagem HTML; Ferramentas Necessárias

Leia mais

4 - HTML Básico: 4.2 - Criando documentos HTML:

4 - HTML Básico: 4.2 - Criando documentos HTML: 4 - HTML Básico: 4.1 - O que é HTML? Os documentos na Web são organizados com o uso de comandos que são interpretados pelos browsers. Estes comandos compõem a linguagem HTML (HyperText Markup Language).

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais

Mini-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 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

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. 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 mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. 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 mais

Programação para Internet I

Programaçã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 mais

Introdução 1ª Parte Web Web Web Web Browsers Editores Editores Etiquetas (tags) base indica que se trata de uma página escrita em linguagem HTML. Esta deve abranger todo o código;

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Listas A HTML permite definir três categorias distintas de listas: Ordenadas Sem ordenação Lista de definição 2/28 Listas

Leia mais

Roteiro de Estudos e Atividades Avaliativas HTML

Roteiro de Estudos e Atividades Avaliativas HTML Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar

Leia mais

Programação e Designer para WEB

Programaçã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 mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso 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 mais

MÓDULO 1 - xhtml Básico

MÓDULO 1 - xhtml Básico MÓDULO 1 - xhtml Básico 1. Introdução xhtml significa Extensible Hypertext Markup Language (Linguagem de Marcação Hipertextual Extensível) e é a linguagem de descrição de documentos usada na World Wide

Leia mais

Aplicação para Web I. Começando a compreender o HTML

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

Leia mais

Quem sou eu? Ana Paula Alves de Lima. Formação: E-mail: paulapeniel@gmail.com

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;

Leia mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas 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 mais

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON

LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual

Leia mais

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES INTRODUÇÃO. Professor Carlos Muniz INTRODUCAO DESENVOLVIMENTO E DESIGN DE INTRODUÇÃO INTRODUÇÃO A linguagem HTML (Hipertext Markup Language Linguagem de Marcação de Hipertexto) é usada para divulgar páginas na World Wide Web, o serviço

Leia mais

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2

Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de

Leia mais

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 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

Leia mais

HTML. 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.). 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 mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Conceitos de HTML Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Definição de HTML Linguagem de marcadores (tags).

Leia mais

Módulo: Criação de Páginas WEB

Módulo: Criação de Páginas WEB Módulo: Criação de Páginas WEB 50 Horas - Sessão 05/13 TEXTO ANIMADO O comando MARQUEE orienta o browser a definir o efeito de texto/imagem a passar no ecrã. Deve ser utilizado quando queremos dar destaque

Leia mais

Algoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15

Algoritmia 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 mais

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes

Desenvolvimento de Sites com PHP e Mysql Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Desenvolvimento de Sites com PHP e Mysql Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção

Leia mais

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1

Sumário. HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Sumário HTML CSS JQuery Referências IHC AULA 6 5-09-2011 1 Linguagem HTML HTML é a abreviação de HyperText Markup Language, que pode ser traduzido como Linguagem de Marcação de Hipertexto. Não é uma linguagem

Leia mais

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD

TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD TECNOLOGIAS WEB AULA 5 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Apresentar as principais tags utilizadas na construção de páginas Web. Compreender as principais funcionalidades de cada tag utilizada.

Leia mais

2 HTML Inserindo objetos

2 HTML Inserindo objetos 2 HTML Inserindo objetos Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Imagem...3 Links...5 Links para locais da mesma página...6 Áudio e vídeo...8

Leia mais

Desenvolvedor Web Docente André Luiz Silva de Moraes

Desenvolvedor Web Docente André Luiz Silva de Moraes Roteiro 2: Introdução a Linguagem HTML Neste roteiro é explorada a linguagem HTML. A linguagem HTML (Hypertext Markup Language) é amplamente utilizada na construção de páginas de internet e é responsável

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

OPERAÇÃO DE SOFTWARE E APLICATIVOS OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6

Leia mais

Introduçã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. 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

Autoria Web HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

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

Leia mais

1 INTRODUÇÃO. Web é o diminutivo para World Wide Web.

1 INTRODUÇÃO. Web é o diminutivo para World Wide Web. 1 1 INTRODUÇÃO Antes de começarmos a trabalhar HTML, é necessário que se conheça alguns termos básicos que envolvem esta linguagem. Internet é um conjunto de pequenas redes de computadores, formando assim

Leia mais

Introdução. História. Como funciona

Introdução. História. Como funciona Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida).

XHTML. A versão mais recente desta linguagem é a XHTML (extensible HyperText Markup Language Linguagem de Marcação de Hipertexto Estendida). XHTML 1. Significado do Termo HTML (HyperText Markup Language Linguagem de Marcação de Hipertexto) é a linguagem na qual são feitas as páginas que irão compor um site da Internet. A versão mais recente

Leia mais

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens

Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Aula 03: Noções Fundamentais do CSS, Formatação de Fonte e Inserção de Imagens Tag para inserir imagens e HTML O modelo CSS Noções fundamentais e funcionamento do CSS Incluindo estilos em uma página Sintaxe

Leia mais

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10

HTML 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 mais

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. 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

Leia mais

Formatação de Textos e Caracteres

Formatação de Textos e Caracteres Formatação de Textos e Caracteres Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos. Estilos físicos: ... - destaca o texto em negrito ... - exibe o

Leia mais

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc

Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Linguagem WEB Prof. Alexandre Unterstell alexunter@gmail.com - www.alex.inf.br/cesc Dicas Importantes: - Sempre crie um diretório em seu computador e salve todos os arquivos que vai usar (imagens e paginas),

Leia mais

Cabeçalho do documento

Cabeçalho do documento Cabeçalho do documento O cabeçalho de uma página HTML fica dentro das Tags e , e dentro dessas Tags podemos usar Tags , , , , e etc. A Tag TITLE Por exemplo

Leia mais

Programação web Prof. Wladimir

Programação web Prof. Wladimir Programação web Prof. Wladimir HTML @wre2008 1 Sumário Histórico; Resumo XHTML; Tags; Edição de documentos HTML; Publicação de um documento; Estrutura básica de um documento HTML; Edição de documentos

Leia mais

Como criar uma página WEB

Como criar uma página WEB Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou

Leia mais

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata

CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS CSS é a abreviatura para Cascading Style Sheets Folhas de Estilo em Cascata CSS é uma linguagem para estilos (formatação) que define o layout de documentos HTML. CSS controla fontes, cores, margens,

Leia mais

4.14 - Imagens: <img src="..."> src <img src="tecnologia.jpg"> único atributo que não pode ser omitido neste TAG Nota: img

4.14 - Imagens: <img src=...> src <img src=tecnologia.jpg> único atributo que não pode ser omitido neste TAG Nota: img 4.14 - Imagens: O TAG utilizado para a inclusão de imagens em páginas html é o: O atributo src especifica o local onde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

André Kawamoto NE31A

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

Leia mais

Programação para a Web - I. José Humberto da Silva Soares

Programação para a Web - I. José Humberto da Silva Soares Programação para a Web - I José Humberto da Silva Soares Fundamentos de Internet Rede Mundial de Computadores; Fornece serviços, arquivos e informações; Os computadores que têm os recursos são chamados

Leia mais

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML.

72ABC - 2 Bimestre. Check-list para Prova Bimestral. 01 - Criar uma versão do site do primeiro bimestre em HTML. 72ABC - 2 Bimestre Check-list para Prova Bimestral 01 - Criar uma versão do site do primeiro bimestre em HTML. 02 Serão desenvolvidas as mesmas páginas já feitas, mas em versão HTML. A seguir, um exemplo

Leia mais

4.14 - Imagens: <IMG SRC="..."> SRC <IMG SRC="tecnologia.jpg"> único atributo que não pode ser omitido neste tag Nota: img

4.14 - Imagens: <IMG SRC=...> SRC <IMG SRC=tecnologia.jpg> único atributo que não pode ser omitido neste tag Nota: img 4.14 - Imagens: O tag utilizado para a inclusão de imagens em páginas html é o: O atributo SRC especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso

Leia mais

Médio Integrado Aula 02 2014 Thatiane de Oliveira Rosa

Médio Integrado Aula 02 2014 Thatiane de Oliveira Rosa Aplicativos Web e Webdesign Aula 02 2014 Thatiane de Oliveira Rosa 1 Roteiro Tema: Introdução ao HTML Introdução ao HTML; Tags Estruturais; Títulos; Cabeçalhos; Parágrafos; 2 HTML HTML Hypertext Markup

Leia mais

Web Design Aula 02: HTML

Web Design Aula 02: HTML Web Design Aula 02: HTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação Roteiro Introdução Conceitos HTML Primeira Página Identação Incluindo o título Salvando a página Vizualizando

Leia mais

Introdução ao HTML 5 e Implementação de Documentos

Introdução ao HTML 5 e Implementação de Documentos Linguagem de Programação para Web Introdução ao HTML 5 e Implementação de Documentos Prof. Mauro Lopes 1-31 20 Objetivo Iremos aqui apresentar a estrutura básica de um documento HTML e iremos também apresentar

Leia mais

Tutorial de HTML. O que é HTML? Aprendendo

Tutorial de HTML. O que é HTML? Aprendendo Tutorial de HTML Tutorial: O que é HTML? Aprendendo Títulos Textos Imagens Links Imagens Clicáveis Explorando o TAG BODY Música de Fundo Gifs Animados Tabelas Testando sua Página O que é HTML? HTML é uma

Leia mais

INTRODUÇÃO À PROGRAMAÇÃO

INTRODUÇÃO À PROGRAMAÇÃO Departamento de Informática INTRODUÇÃO À PROGRAMAÇÃO Apontamentos de (HyperText Markup Language) Prof. Carlos Pampulim Caldeira Évora, Março de 2003 ÍNDICE 1. O QUE É O?...1 1.1 INTRODUÇÃO...1 1.2 QUE

Leia mais

TECNOLOGIAS WEB. Unidade 2 Introdução a Construção de Páginas Estáticas. Luiz Leão luizleao@gmail.com http://luizleao.com

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

Leia mais

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos CURSO BÁSICO DE HTML Alessandro S Silveira Lista de tags e atributos Os tags apresentados aqui formam uma compilação das definições oficiais da linguagem mais as extensões introduzidas por empresas como

Leia mais

Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript

Tecnologia WEB I. Prof. Erwin Alexander Uhlmann. Dos princípios do HTML, estruturação com CSS e automação com Javascript 1 Tecnologia WEB I Prof. Erwin Alexander Uhlmann Dos princípios do HTML, estruturação com CSS e automação com Javascript UHLMANN, Erwin Alexander. Dos princípios do HTML, estruturação com CSS e automação

Leia mais

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto.

OS LINKS Os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto. Apostila de web estático Prof. Eduardo 2 CAPÍTULO PADRÕES DE FUNDO Uma Home page pode conter uma textura como padrão de fundo, um arquivo no formato gif ou jpg, ou utilizar as cores do padrão RGB. A notação

Leia mais

Web Design Aula 01. No Caderno Responda as Questões abaixo

Web Design Aula 01. No Caderno Responda as Questões abaixo Aula 01 1 O que é Web Design? 2 Qual a diferença entre Web Design e Web Designer? 3 O que são Sites ou Páginas? Cite 3 tipos de Sites. 4 O que é um Navegador? 5 O que são Servidores e o que são Protocolos?

Leia mais

DESENVOLVIMENTO WEB I - 7122

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

Leia mais

4. Características Gerais das Tabelas do HTML

4. 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 mais

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br)

Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Tutorial Módulo 1: Introdução e primeiros passos Por Daniel Chicayban (dan@trendnet.com.br) Introdução A HyperText Markup Language e a Web No núcleo de toda página da Web, encontramos a HyperText Markup

Leia mais

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: 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

Leia mais

Claudio Damasceno. Avançar

Claudio 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 mais

UFCD 21 Criação de sites webs D U R A Ç Ã O : 5 0 H O R A S

UFCD 21 Criação de sites webs D U R A Ç Ã O : 5 0 H O R A S UFCD 21 Criação de sites webs 1 D U R A Ç Ã O : 5 0 H O R A S Objectivos: 2 C R I A R D O C U M E N T O S E M H I P E R T E X T O D E S E N V O L V E R E A L O J A R U M S I T E N A I N T E R N E T Conteúdos

Leia mais

PROGRAMAÇÃO WEB DO LADO DO CLIENTE

PROGRAMAÇÃO WEB DO LADO DO CLIENTE PROGRAMAÇÃO WEB DO LADO DO CLIENTE FORMULÁRIO Na linguagem HTML é permitido que o usuário interaja com o servidor através de formulários ligados a scripts desenvolvidos em linguagens como PHP, Servlets,

Leia mais

Passa a passo para construir uma página pessoal - Parte 1

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):

Leia mais

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Formulários HTML Aula 07: Formulários e Frames HTML Os formulários HTML são utilizados, geralmente, como entradas de dados prépreenchimento,

Leia mais

Introdução; Sintaxe; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores Relativos x Absolutos.

Introdução; Sintaxe; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores Relativos x Absolutos. Ana Paula Ambrósio Zanelato anapaula@unitoledo.br Disciplina: Aplicações para Web Conteúdo Introdução; ; Utilizando estilos; Estilo In-line; Estilo Incorporado; Estilo Vinculado; Prioridade; Cores; Valores

Leia mais

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira

WebDesign. Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br. Escola CDI de Videira WebDesign Professor: Paulo Trentin paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Entendendo Alguns Conceitos Antes de prosseguirmos é importante ter em mente o motivo pelo

Leia mais

José Frazão. Página 2 de 19

José Frazão. Página 2 de 19 Página 2 de 19 Índice Página 1. Introdução 4 2. História e características 5 3. Sintaxe 5 3.1. Texto 7 3.2. Comandos básicos mais utilizados 8 3.3. Fundo (Backgrounds) e cores 10 3.4. Tabela de acentos

Leia mais

WEB DESIGNER WEB DESIGNER

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

Leia mais

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos

mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.

Leia mais

A estrutura de um documento HTML apresenta os seguintes componentes:

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

Leia mais

Programação para Internet

Programação para Internet Programação para Internet Aula 09 Os direitos desta obra foram cedidos à Universidade Nove de Julho Este material é parte integrante da disciplina oferecida pela UNINOVE. O acesso às atividades, conteúdos

Leia mais

MINISTÉRIO DA EDUCAÇÃO

MINISTÉRIO DA EDUCAÇÃO MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DE SANTA CATARINA CAMPUS SÃO JOSÉ TECNICO EM TELECOMUNICAÇÕES REDES DE COMPUTADORES

Leia mais

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 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

Leia mais

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br

Desenvolvimento Web. Saymon Yury C. Silva Analista de Sistemas. http://www.saymonyury.com.br Desenvolvimento Web Saymon Yury C. Silva Analista de Sistemas http://www.saymonyury.com.br Vantagens Informação em qualquer hora e lugar; Rápidos resultados; Portabilidade absoluta; Manutenção facilitada

Leia mais

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 Prof.: Melba Lima Gorza Aula Introdutória de HTML Componentes do HTML Estrutura de um documento XHTML primeiro Documento XHTML meu primeiro documento XHTML

Leia mais

Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br

Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br 1 Apostila Programador Web v3.0 Prof. Alexandre Unterstell alexunter@gmail.com www.alex.inf.br Antes de começar desenvolver um site na internet é importante que conheçamos alguns fatores importantes que

Leia mais

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco

Leia mais

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. 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 mais

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo.

Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Prof. Vania Gimenez- Aula de Hoje Caro aluno- Este material é só um apoio as aulas, os livros devem ser utilizados para o aprimoramento de seu estudo. Como defino e escrevo uma classe? Classe é um seletor

Leia mais

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I

Ensino I nterativo Universidade Anhembi Morumbi. Multimídia I Ensino I nterativo Universidade Anhembi Morumbi Multimídia I Objetivo Mostrar o que é preciso para o desenvolvimento de um Projeto para Web, apresentando os primeiros conceitos de HTML. Tópicos 1. Etapas

Leia mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Introdução Nesta sexta e penúltima edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos dos clientes

Leia mais

Lista e Tabelas. Fundamentos da Linguagem Web

Lista 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 mais

Coleção - Análises de email marketing em clientes de email

Coleção - Análises de email marketing em clientes de email Coleção - Análises de email marketing em clientes de email Thunderbird e Terra Nesta terceira edição da Coletânea de Análises de Email Marketing em Clientes de Email, apresentamos os estudos do webmail

Leia mais

Projeto e Criação de Páginas de Web HTML

Projeto e Criação de Páginas de Web HTML Projeto e Criação de Páginas de Web HTML Prof.: João Sérgio dos Santos Assis e-mail: joao@nce.ufrj.br Tel.: 598-3214 Projeto e Criação de Páginas de Web Índice 1. Bibliografia auxiliar 1 2. Introdução:

Leia mais

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 <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 mais

EXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: "Times New Roman", serif;}

EXEMPLO. h1 {font-family: arial, verdana, sans-serif;} h2 {font-family: Times New Roman, serif;} Fontes A propriedade font-family é usada para definir uma lista de fontes e sua prioridade para apresentação de um elemento em uma página. Se a primeira fonte da lista não estiver instalada na máquina

Leia mais

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

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,

Leia mais

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto)

HTML. (Hypertext Markup Language Linguagem de Marcação de Hipertexto) HTML (Hypertext Markup Language Linguagem de Marcação de Hipertexto) CSS - Cascading Style Sheets CSS serve para definir propriedades de apresentação/formatação a aplicar em tags HTML. A sua utilização

Leia mais