Introdução ao HTML Hypertext Markup Language

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Introdução ao HTML Hypertext Markup Language"

Transcrição

1 Introdução ao HTML Hypertext Markup Language Prof. Marcus Ramos

2 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 usuário. Possuem dois formatos: <nome>... </nome> ou <nome> Parâmetros são opcionais e dependem da tag utilizada.

3 Procedimentos 1. Criar um arquivo novo com o bloco de notas e salvar no desktop com a extensão.html 2. Digitar o conteúdo e as tags e depois salvar (CTRL-S), sem sair dobloco de notas. 3. Ir para o deskotp e clicar duas vezes no arquivo salvo. 4. Visualizar no navegador a formatação e o conteúdo digitados. 5. Alternar entre o bloco de notas e o navegador (ALT-TAB) para fazer alterações e visualizar o resultado. 6. Recarregar a página no navegador (F5) para visualizar as alterações. 7. Ao término, fechar o bloco de notas, o navegador, e apagar o arquivo criado do desktop.

4 Estrutura <!DOCTYPE HTML> Define o tipo do documento <html>... </html> Delimita o início e o fim do documento <head>... </head> Delimita o início e o fim do cabeçalho <body>... </body> Delimita o início e o fim do corpo

5 Estrutura <!DOCTYPE HTML> <html> <head>... </head> <body>... </body> </html> Seção HEAD Seção BODY

6 <BODY> Delimita início e fim do corpo do documento. <BODY bgcolor= > <BODY background= > bgcolor = #RRGGBB red green blue yellow pink... background = endereço da imagem ou figura que será usada como pano de fundo da página.

7 <TITLE> Define o título do documento, aquele que é exibido na barra superior do navegador. Deve ser usado dentro do HEAD. <title>... </title>

8 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> </body> </html>

9 <title>exemplo</title> <body bgcolor="#ff0000">

10 <P> Delimita um parágrafo. Cada parágrafo deve estar dentro de <p> e </p>. Deve ser usado dentro do BODY. <p>... </p> <p align= >... </p> align = center left right justify

11 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <p>demonstração de um parágrafo sem especificação de alinhamento.</p> </body> </html>

12 <p>demonstração de um parágrafo sem especificação de alinhamento.</p>

13 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <p align= center >Demonstração de um parágrafo alinhado no centro.</p> </body> </html>

14 <p align= center >Demonstração de um parágrafo alinhado no centro.</p>

15 <FONT> Seleciona cor, tamanho e tipo do fonte. <FONT color= size= face= >... </FONT> color = #RRGGBB size = face = Arial, Helvetica, sans-serif Courier New, Courier, monospace Times New Roman, Times, serif

16 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 7 > <p> Demonstração de um parágrafo.</p> </font> </body> </html>

17 <font size= 6 >... </font>

18 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 7 color= #FFFF00 > <p> Demonstração de um parágrafo.</p> </font> </body> </html>

19 <font size= 6 color= #FFFF00 >... </font>

20 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 7 face= Arial, Helvetica, sans-serif > <p> Demonstração de um parágrafo.</p> </font> </body> </html>

21 <font size= 6 face= Arial, Helvetica, sans-serif >... </font>

22 <H1>,..., <H6> Define um título, diferenciando os níveis através dos tamanhos das letras. Deve ser usado dentro do BODY. As tags <H2> até <H6> também são definidas. <H1>... </H1>

23 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <H1>Título</H1> <H2>Título</H2> <H3>Título</H3> <H4>Título</H4> <H5>Título</H5> <H6>Título</H6> </body> </html>

24 .... <H1>Título</H1> <H6>Título</H6>

25 <B>, <S>, <I>, <U> Selecionam negrito, tachado, itálico e sublinhado, respectivamente. <B>... </B> <S>... </S> <I>... </I> <U>... </U>

26 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 7 > <u><p>texto</p></u> <u><i><p>texto</p></i></u> <s><p>texto</p></s> <s><b><p>texto</p></b></s> </font> </body> </html>

27 <u><p>texto</p></u> <u><i><p>texto</p></i></u> <s><p>texto</p></s> <s><b><p>texto</p></b></s>

28 <BR> e <HR> Para inserir linha em branco e inserir uma linha horizontal, respectivamente. <BR> <HR>

29 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 5 > <p>primeiro parágrafo</p> <p>segundo parágrafo</p> </font> </body> </html>

30

31 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 5 > <p>primeiro parágrafo</p> <br> <p>segundo parágrafo</p> </font> </body> </html>

32 <br>

33 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 5 > <p>primeiro parágrafo</p> <hr> <p>segundo parágrafo</p> <hr> </font> </body> </html>

34 <hr> <hr>

35 <UL> e <LI> Para inserir uma lista não-ordenada (não numerada). Cada elemento deverá iniciar com a tag <LI> <UL> <LI>... </LI> <LI>... </LI> <LI>... </LI> </UL>

36 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 5 > <p>minhas frutas preferidas:</p> <ul> <li>manga</li> <li>uva</li> <li>melão</li> </ul></font></body> </html>

37 <ul> <li>manga</li> <li>uva</li> <li>melão</li> </ul>

38 <OL> e <LI> Para inserir uma lista ordenada (numerada). Cada elemento deverá iniciar com a tag <LI> <OL> <LI>... </LI> <LI>... </LI> <LI>... </LI> </OL>

39 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size= 5 > <p>minhas frutas preferidas:</p> <ol> <li>manga</li> <li>uva</li> <li>melão</li> </ol></font></body> </html>

40 <ol> <li>manga</li> <li>uva</li> <li>melão</li> </ol>

41 Exercício Criar um código HTML para: Manga Uva o Crimson o Itália o Benitaka Melão

42 <A> Para inserir um link para outro documento. <A href= target= >... </A> href = o endereço da página para a qual se deseja o link. target = _blank _self

43 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size="5"> <p>clique <a href="http://www.univasf.edu.br"> aqui</a> para acessar a minha escola.</p> </font> </body></html>

44 <a href="http://www.univasf.edu.br">aqui</a>

45 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <font size="5"> <p>clique <a href="http://www.univasf.edu.br" target="_blank">aqui</a> para acessar a minha escola.</p> </font> </body></html>

46 <a href=http://www.univasf.edu.br target= _blank >aqui</a>

47 <IMG> Para inserir uma imagem ou figura (JPEG, JPG, GIF, BMP). <IMG align = " src= " height= " width= " hspace= " vspace= > align = left right source = endereço de onde se encontra a figura. height = altura (em pixels) para a figura. width = largura (em pixels) para a figura. hspace = margem a ser deixada nas laterais (em pixels). vspace = margem a ser deixada em cima e embaixo (em pixels).

48 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <img src="univasf.jpg" height="300"> </body> </html>

49 <img src="univasf.jpg" height="300">

50 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <img src="univasf.jpg" height="300"> <p>parágrafo de demonstração.</p> </body> </html>

51 <p>parágrafo de demonstração.</p> <img src="univasf.jpg" height="300">

52 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <img src="univasf.jpg align= left height="300"> <p>nonon nonono nonon</p> </body> </html>

53 <p>nonon nonono nonon</p> <img src="univasf.jpg" align= left height="300">

54 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <p>nonon nonono nonon</p> <img src="univasf.jpg align= left height="300"> </body> </html>

55 <p>nonon nonono nonon</p> <img src="univasf.jpg" align= left height="300">

56 <p>nonon nonono nonon</p> <img src="univasf.jpg" align= right height="300">

57 <!DOCTYPE HTML> <head> <title>exemplo</title> </head> <body bgcolor="#ff0000"> <img src="univasf.jpg align= left height= 200"> <img src="univasf.jpg align= right height= 200"> <p>nonon nonono nonon</p> </body> </html>

58 <p>nonon nonono nonon</p> <img src="univasf.jpg" align= left height="300"> <img src="univasf.jpg" align= right height="300">

59 <img src="univasf.jpg" align= left height="300 hspace= 20 > <img src="univasf.jpg" align= right height="300 hspace= 20 >

60 <p align= justify >nonon nonono nonon</p>

61 Exercício 1. Criar uma página sobre tema de interesse em zootecnia. 2. Inserir imagens e links. 3. Utilizar todos os comandos apresentados.

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

HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)

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

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo

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

3. Construção de páginas web Introdução ao HTML

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,

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

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

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

Leia mais

Linguagem XHTML -Aula 3 Cleverton Hentz

Linguagem XHTML -Aula 3 Cleverton Hentz Linguagem XHTML -Aula 3 Cleverton Hentz Sumário da Aula Tags Básicas da Linguagem Lista Ordenadas e não ordenadas Imagens, Links e Âncoras 2 Tags Básicas: Trabalhando com Texto Existem algumas tags que

Leia mais

HTML & CSS. uma introdução

HTML & CSS. uma introdução HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência

Leia mais

HTML - Definição e Conceitos

HTML - Definição e Conceitos 1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no

Leia mais

INTRODUÇÃO HTML INTR 1 Formador José Calado

INTRODUÇÃO HTML INTR 1 Formador José Calado INTRODUÇÃO HTML 1 TAGS Têm identificadores de início e de fecho Contidas entre os sinais de menor, "" Devem ser sempre escritas em minúsculas Exemplo: - Tag de abertura do corpo do documento

Leia mais

Fábio Borges de Oliveira. HTML HyperText Markup Language

Fábio Borges de Oliveira. HTML HyperText Markup Language Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que

Leia mais

Centro de Form. Profissional de Alverca HTML. Sessão 3 HTML. A estrutura básica de uma lista em HTML é:

Centro de Form. Profissional de Alverca HTML. Sessão 3 HTML. A estrutura básica de uma lista em HTML é: HTML Sessão 3 HTML Criação de Listas HTML possui 2 tipos de listas: Listas ordenadas = Listas numeradas Listas não-ordenadas = Listas com marcas A estrutura básica de uma lista em HTML é: Reparar: o elemento

Leia mais

Introdução a HTML. André Tavares da Silva.

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

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

Projeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B

Projeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste

Leia mais

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>

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

Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]

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

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

08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão

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

Introdução a HTTP, HTML e CSS

Introdução a HTTP, HTML e CSS MIEEC SIEM ano letivo 2014/15 Introdução a HTTP, HTML e CSS José A. Faria (jfaria@fe.up.pt) FEUP, DEGI Setembro 2014 1. Introdução ao protocolo HTTP Introdução A WEB -worldwideweb é um sistema global de

Leia mais

1 Introdução ao HTML e formatação de texto

1 Introdução ao HTML e formatação de texto 1 Introdução ao HTML e formatação de texto Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Introdução...3 Uma visão geral do HTML...3 Estrutura do documento...3

Leia mais

TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão

TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos

Leia mais

HTML: INTRODUÇÃO TAGS BÁSICAS

HTML: INTRODUÇÃO TAGS BÁSICAS HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento

Leia mais

HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO DPW

HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO DPW HTML: Linguagem de Marcação de HiperTexto (HyperText Markup Language) Pimentel, Morganna BSI -UNIRIO 1 DPW 2017.2 2 WWW: uma breve história Tim Berners-Lee pesquisador inglês na CERN (Organização Europeia

Leia mais

O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2

O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2 HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza

Leia mais

Cascading: Style Sheet

Cascading: Style Sheet André Kawamoto 2010 O que é CSS Cascading: Múltiplos estilos podem se sobrepor para especificar uma variedade de estilos desde um website inteiro até um único elemento. Qual estilo é aplicado diz respeito

Leia mais

PROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes

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 mais

#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio

#Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio #Aula Nº 2 Marcação XHTML webstandards.samus.com.br webstandards.samus.com.br/aulas/aula2.pdf Vinicius Fiorio Custódio samus@samus.com.br #Objetivo Descrever os principais elementos da XHTML, Quando, Porque

Leia mais

Interfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução

Interfaces Pessoa. Laboratório 1. Máquina. HTML, CSS, JS- Introdução Interfaces Pessoa Máquina Laboratório 1 HTML, CSS, JS- Introdução 01 HTML + CSS + JavaScript Tecnologia para desenvolvimento web: Páginas web Aplicações web Aplicações mobile HTML Linguagem standard para

Leia mais

Definição de elementos da Capa

Definição de elementos da Capa Capa do Portal: A capa do portal IAMT foi definida pela empresa Grupos Internet baseada em informações fornecidas pela IAMT. O elemento gráfico ativo referente ao logo da IAMT no portal foi previamente

Leia mais

TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I. Profª Eulaliane Gonçalves

TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I. Profª Eulaliane Gonçalves TP1 - TÉCNICAS DE PROGRAMAÇÃO PARA INTERNET I Profª Eulaliane Gonçalves COMPETÊNCIAS 1. Interpretar e desenvolver páginas para Web. HABILIDADES 1.1. Coletar dados e informações de usuários para elaboração

Leia mais

<CENTER> <iframe src="http://www.universo.edu.br" width=740 height=255> </iframe> </CENTER>

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

Language que em tradução livre resulta em Linguagem Extensível para

Language que em tradução livre resulta em Linguagem Extensível para 6.6 XHTML: XHTML é a sigla em inglês para EXtensible HyperText Markup Language que em tradução livre resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir

Leia mais

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues

Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

INTRODUÇÃ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 mais

Aula 8 Formatando o texto (propriedades)

Aula 8 Formatando o texto (propriedades) Aula 8 Formatando o texto (propriedades) Prof. Paulo Cesar F. De Oliveira, BSc, PhD 1 Estilizar o texto? 2 font-family body { font-family: Arial; } dt { font-family: Courier, monospace; } p { font-family:

Leia mais

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 03 Prof. Fernando F. Costa nando@fimes.edu.br Prof. Fernando 1 HTML - Acentuação Não é recomendável utilizar acentos em documentos web Problemas Pode haver má interpretação

Leia mais

CSS (Cascading Style Sheet)

CSS (Cascading Style Sheet) CSS (Cascading Style Sheet) André Tavares da Silva andre.silva@udesc.br CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos

Leia mais

Permite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação.

Permite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação. Porque usar css? Cascading Style Sheets (css) sobrepõe as características padrões dos browsers São usadas para melhorar e controlar a aparência de uma página web. Porque usar css? Permite que o conteúdo

Leia mais

HTML. Leonardo Gresta Paulino Murta

HTML. Leonardo Gresta Paulino Murta HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-

Leia mais

Posicionamento, dimensões e outros elementos de HTML5 e CSS3

Posicionamento, dimensões e outros elementos de HTML5 e CSS3 R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos

Leia mais

Sumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição

Sumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo

Leia mais

Vamos ver como fica no código HTML e CSS na Listagem 1 abaixo:

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

Regras de estilos; Folhas de estilos; Seletores; Validação.

Regras de estilos; Folhas de estilos; Seletores; Validação. Disciplina: Autoria Web AULA 10 Regras de estilos; Folhas de estilos; Seletores; Validação. Corpo docente: MsC. Alexandro Vladno Edmilson Campos MsC. Fábio Procópio Esp. Felipe Dantas MsC. João Maria MsC.

Leia mais

AULA: Introdução a HTML Tags básicas Autoria Web. Alba Lopes, Profa.

AULA: Introdução a HTML Tags básicas Autoria Web. Alba Lopes, Profa. AULA: Introdução a HTML Tags básicas Autoria Web http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Pra que Serve? Abriu seu próprio negócio? Quer vender alguma coisa? Seu vizinho precisa de

Leia mais

Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes

Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO

Leia mais

HTML Página 36. Índice

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

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Capacitar para a construção de documentos

Leia mais

Tutorial. 1. O que é HTML? 2. Breve Historia

Tutorial. 1. O que é HTML? 2. Breve Historia 1. O que é HTML? Tutorial HTML é uma linguagem para descrever páginas web. HTML vem do ingles Hyper Text Markup Language que significa Linguagem de Marcação de Hipertexto. Para entender este conceito vamos

Leia mais

Programação para Internet I 3. HTML. Nuno Miguel Gil Fonseca

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

Passo a passo para CRIAR E EDITAR CONTEÚDO DOS CURSOS

Passo a passo para CRIAR E EDITAR CONTEÚDO DOS CURSOS Passo a passo para CRIAR E EDITAR CONTEÚDO DOS CURSOS OK PARTE I Página Inicial STEP 1 Thumbnail, Breadcrumb e Arrow-Nav Página inicial HTML (parte da esquerda):

Leia mais

SIMULADOS & TUTORIAIS

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

Respostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?

Respostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web? Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais

Leia mais

Aplicativos móveis com HTML5

Aplicativos móveis com HTML5 Aplicativos móveis com HTML5 Preparando o ambiente de desenvolvimento O código HTML pode ser escrito em qualquer editor de texto comum. Você pode utilizar o editor padrão do seu sistema operacional (Bloco

Leia mais

573px PERFIL PESSOAL FAN PAGE. 828px FOTO NA LINHA DO TEMPO LINK NA LINHA DO TEMPO. 500px. 220px 360px. 930px

573px PERFIL PESSOAL FAN PAGE. 828px FOTO NA LINHA DO TEMPO LINK NA LINHA DO TEMPO. 500px. 220px 360px. 930px 573px 60px PERFIL PESSOAL 852px 21px 176px 315px 140px 160px imagem deve ter no mínimo 180x180 22px 160px FAN PAGE 828px 160px imagem deve ter no mínimo 160px 180x180 315px FOTO DE PERFIL Recomendado:

Leia mais

Desenvolvimento Web. JavaScript aula IV Acesso a documentos com Document Object Model (DOM) Professor: Bruno E. G. Gomes

Desenvolvimento Web. JavaScript aula IV Acesso a documentos com Document Object Model (DOM) Professor: Bruno E. G. Gomes INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web JavaScript aula IV Acesso a documentos com Document Object Model (DOM)

Leia mais

Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5!

Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5! O que é HTML 5? Gosta de acompanhar os rumos das linguagens de programação? Então não fique de fora dessa! Descubra o que é o HTML 5! Leia mais em: http://www.tecmundo.com.br/navegador/2254-o-que-e-html-5-.htm#ixzz2xyr1tlam

Leia mais

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCorpo Resumo ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger ElementosdaSeçãodoCorpo

Leia mais

Website do Grupo de Eletrônica de Potência e Controle GEPOC

Website do Grupo de Eletrônica de Potência e Controle GEPOC Website do Grupo de Eletrônica de Potência e Controle GEPOC Manual para Atualização das Informações Pessoais 1 A seguir é apresentado um tutorial sobre o procedimento para atualizar o perfil pessoal na

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO

INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar

Leia mais

TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML

TECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup

Leia mais

Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa

Linguagem de Programação Visual. Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa Linguagem de Programação Visual Estrutura Basica do HTML5 Prof. Gleison Batista de Sousa O que vai ser estudado Codificação; Linguagem de Programação; Infra Estrutura Basica; Ferramentas; Implantação;

Leia mais

HTML5, WAI/ARIA e Acessibilidade. Acessibilidade Web - Evolução e Tendências Rio de Janeiro - 15 de setembro de 2011 Reinaldo Ferraz W3C.

HTML5, WAI/ARIA e Acessibilidade. Acessibilidade Web - Evolução e Tendências Rio de Janeiro - 15 de setembro de 2011 Reinaldo Ferraz W3C. HTML5, WAI/ARIA e Acessibilidade Acessibilidade Web - Evolução e Tendências Rio de Janeiro - 15 de setembro de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por

Leia mais

Cascading Style Sheets

Cascading Style Sheets Cascading Style Sheets Telemédia Grupo de Comunicações por Computador Sumário O que são CSSs? Sintaxe das CSSs Associar CSSs a documentos HTML Estrutura hierárquica dos documentos HTML e herança de propriedades

Leia mais

SIMULADOS & TUTORIAIS

SIMULADOS & TUTORIAIS SIMULADOS & TUTORIAIS TUTORIAIS CSS Como inserir códigos CSS em páginas HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte

Leia mais

Criando estilos. Css. Cada estilo que você cria é definido como uma regra CSS. Cada regra deve-se utilizar a seguinte sintaxe:

Criando estilos. Css. Cada estilo que você cria é definido como uma regra CSS. Cada regra deve-se utilizar a seguinte sintaxe: Css CSS (Style Sheets Cascating - Folhas de Estilo em Cascata) é um estilo criado para melhorar a formatação de textos, imagens, links, tabelas, formulários e etc das suas páginas HTML. o CSS também facilita

Leia mais

Barra de categorias lateral na Home

Barra de categorias lateral na Home Barra de categorias lateral na Home A Barra de categorias lateral na home é cimilar a funcionalidade de filtros na página de categorias, porém, é mostrada exclusivamente na home da loja. Dependendo do

Leia mais

Conhecendo a aba Início

Conhecendo a aba Início Conhecendo a aba Início Grupo: Células... pág. 2 1º Exercício... pág. 6 Grupo: Alinhamento... pág. 7 2º Exercício... pág. 7 Grupo: Número... pág. 8 3º Exercício... pág. 9 Grupo: Fonte... pág. 10 4º Exercício...

Leia mais

Tabelas. Web. Professor: Jarbas Araújo CENTRO EDUCACIONAL RADIER.

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

Prof. Erwin Alexander Uhlmann 1/7/2010

Prof. Erwin Alexander Uhlmann 1/7/2010 AULA 2 As tags singulares como , , , entre outras, são aquelas que não possuem as tags de fechamento, elas abrem e nelas mesmas são encerradas, de acordo com o XHTML 1.1, o atual,

Leia mais

Treinamento em CSS. Índice

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

Tabelas. table <table>...</table>

Tabelas. table <table>...</table> Tabelas 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

Leia mais

#Fundamentos de uma página web

#Fundamentos de uma página web INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Fundamentos de uma página web Eliezio Soares elieziosoares@ifrn.edu.br Aula de

Leia mais

Web Design - CSS. Conteúdo. - O que é CSS? - Sintaxe CSS - Como inserir CSS em HTML - Propriedades CSS

Web Design - CSS. Conteúdo. - O que é CSS? - Sintaxe CSS - Como inserir CSS em HTML - Propriedades CSS CSS Web Design - CSS Conteúdo - O que é CSS? - Sintaxe CSS - Como inserir CSS em HTML - Propriedades CSS 01 Assunto: CSS O que é CSS? CSS é a sigla para Cascading Style Sheets, que pode ser traduzida para

Leia mais

Introdução à Java Script

Introdução à Java Script AULA: Introdução à Java Script Disciplina: Programação de Sistemas para Internet http://docentes.ifrn.edu.br/albalopes alba.lopes@ifrn.edu.br Agenda Introdução Primeiro Exemplo Segundo Exemplo Conceitos

Leia mais

Este Guia fornece uma visão geral sobre os banners. Seu posicionamento e formatações em HTML. Versão

Este Guia fornece uma visão geral sobre os banners. Seu posicionamento e formatações em HTML. Versão O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo

Leia mais

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

Produção de sites com Joomla! 2.5

Produção de sites com Joomla! 2.5 Produção de sites com Joomla! 2.5 Trabalhando com templates Paulo César Castro Escola de Comunicação - UFRJ Sumário Mudando o template Instalando outros templates 6 Visualizar posições nos templates 8

Leia mais

Os comandos HTML são chamados de TAGS, compreende as marcas padrões que são utilizadas para fazer indicações a um browser.

Os comandos HTML são chamados de TAGS, compreende as marcas padrões que são utilizadas para fazer indicações a um browser. Associação Brasileira de Formação e Desenvolvimento Social - ABRAFORDES www.cursosabrafordes.com.br DICA: Tecle Ctrl+s para salvar este PDF no seu computador. Curso Webdesigner Lição 01: Introdução - HTML

Leia mais

DESENVOLVIMENTO WEB I LISTA DE EXERCÍCIOS 01 GABARITO

DESENVOLVIMENTO WEB I LISTA DE EXERCÍCIOS 01 GABARITO 1. Criar uma página com o layout abaixo. INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA BAHIA CAMPUS JEQUIÉ CURSO TÉCNICO SUSEQUENTE DE INFORMÁTICA PROF.: ALEXANDRO DOS SANTOS SILVA DESENVOLVIMENTO

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Folhas de estilos em cascata Objetivo Formatar páginas escritas em HTML baseada nos padrões "Cascading Style Sheets",

Leia mais

CSS. Cascading Style Sheets Style Sheets

CSS. Cascading Style Sheets Style Sheets CSS Cascading Style Sheets Style Sheets Agenda Histórico Definição Limitações do CSS-1 CSS2 - Características Por que usar CSS? Vantagens Sintaxe Básica Como inserir uma folha de Estilo Indentificando

Leia mais

PROGRAMAÇÃO BÁSICA FUNDAMENTOS DOHTML NATANAELANTONIOLI FÁBRICADE NOOBS

PROGRAMAÇÃO BÁSICA FUNDAMENTOS DOHTML NATANAELANTONIOLI FÁBRICADE NOOBS PROGRAMAÇÃO BÁSICA NATANAELANTONIOLI FÁBRICADE NOOBS 1 FUNDAMENTOS DOHTML Programação Básica - Fundamentos do HTML Por: Fábrica de Noobs Índice 1) Prefácio 2) Introdução ao HTML 3) Programas Recomendados

Leia mais

<HTML5> Autor: Fernando Vaz de Lima Pereira

<HTML5> Autor: Fernando Vaz de Lima Pereira Autor: Fernando Vaz de Lima Pereira 4 Multimídia Os elementos de multimídia possuem grande relevância na estrutura de um site ou página de internet. Além de tornar o conteúdo mais dinâmico com

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web IntroduçãoàTecnologiaWeb XHTML extensiblehypertextmarkuplanguage Revisão ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger XHTMLRevisão Índice 1 extensible HTML (XHTML)... 2 1.1 Diferenças entre

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I

PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2013-1 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Capacitar para a construção de documentos

Leia mais

O que é o HTML5? Tags Canvas

O que é o HTML5? Tags Canvas O que é o HTML5? O código HTML está presente nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco mais

Leia mais

Informática I. Aula 16. Aula 16-30/10/2006 1

Informática I. Aula 16.  Aula 16-30/10/2006 1 Informática I Aula 16 http://www.ic.uff.br/~bianca/informatica1/ Aula 16-30/10/2006 1 Ementa Histórico dos Computadores Noções de Hardware e Software Microprocessadores Sistemas Numéricos e Representação

Leia mais

UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE CENTRO DE TECNOLOGIA DEPARTAMENTO DE ENGENHARIA MECÂNICA CRIANDO TEXTOS. Professor: João Carmo

UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE CENTRO DE TECNOLOGIA DEPARTAMENTO DE ENGENHARIA MECÂNICA CRIANDO TEXTOS. Professor: João Carmo UNIVERSIDADE FEDERAL DO RIO GRANDE DO NORTE CENTRO DE TECNOLOGIA DEPARTAMENTO DE ENGENHARIA MECÂNICA CRIANDO TEXTOS Professor: João Carmo Introdução Para o AutoCAD, o texto é um objeto assim como uma linha,

Leia mais

Software Luciana

Software Luciana Software Luciana http://intervox.nce.ufrj.br/~beatriz/ O projeto microfênix foi criado pelo professor Antonio Borges, no NCE/UFRJ, em 2004/6, para facilitar o uso do computador pelos portadores de deficiência

Leia mais

1) Em um documento separado fora de todos os documentos HTML;

1) Em um documento separado fora de todos os documentos HTML; Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte

Leia mais

Document Object Model (DOM)

Document Object Model (DOM) AULA: Document Object Model (DOM) Disciplina: Programação de Sistemas para Internet http://docentes.ifrn.edu.br/albalopes Agenda Document Object Model Introdução Encontrando elementos por tag Encontrando

Leia mais

Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto

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

Centro Federal de Educação Tecnológica de Minas Gerais Técnico em Informática Aplicações para WEB. Aplicações para WEB

Centro Federal de Educação Tecnológica de Minas Gerais Técnico em Informática Aplicações para WEB. Aplicações para WEB Centro Federal de Educação Tecnológica de Minas Gerais Técnico em Informática Aplicações para WEB Aplicações para WEB Professor: Marcelo Corrêa Mussel Varginha 2016 . Sumário Apostila de Desenvolvimento

Leia mais

INTRODUÇÃO HTML. Formador José Calado

INTRODUÇÃO HTML. Formador José Calado INTRODUÇÃO HTML 1 TAGS Têm identificadores de início e de fecho Contidas entre os sinais de menor, "" Devem ser sempre escritas em minúsculas Exemplo: - Tag de abertura do corpo do

Leia mais

ESTADO CIVIL 60% Solteiro 20% Casado 10% Outros. ESCOLARIDADE 75% Superior 25% Médio

ESTADO CIVIL 60% Solteiro 20% Casado 10% Outros. ESCOLARIDADE 75% Superior 25% Médio MÍDIA KIT 2017 Hardcore A HARDCORE é a revista do surfista! Com um time sólido de jornalistas e colaboradores brasileiros e internacionais, traz mensalmente as melhores entrevistas, notícias atemporais

Leia mais

Manual do usuário people

Manual do usuário people Manual do usuário people http://people.ufpr.br/ Sumário 1. O que é?... 3 2. Como é feito o acesso... 3 3. O Que pode ser feito no people.ufpr.br?... 3 4. Espaço de Armazenamento... 3 5. Como é feito a

Leia mais

Introdução ao HTML5 e CSS3. Breno Leonardo Gomes de Menezes Araújo

Introdução ao HTML5 e CSS3. Breno Leonardo Gomes de Menezes Araújo Introdução ao HTML5 e CSS3 Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br Currículo Meu nome: Breno Leonardo G. de M. Araújo Formação: Bacharel em Sistemas

Leia mais