HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021)

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br"

Transcrição

1 HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021)

2 Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home pages: : Recursos e técnicas para criação de páginas WWW Andreia Alcântara e etc, Editora Campus HTML - A referência completa Ian S. Graham, Editora Campus Na Internet 2

3 Algumas Definições O que é a Internet? Meio de comunicação mundial ou rede mundial de computadores Qual é a origem da Internet? Pós 2ª Guerra Havia uma necessidade de criar um meio de comunicação que interligasse os centros militares de comando e que não possuísse uma base específica! 3

4 Algumas Definições O que é uma URL? URL (Uniform( Resource Locator) Esquema utilizado na Web para localizar uma determinada página ou arquivo. Como é o formato de uma URL? Exemplo 4

5 Algumas Definições O que é um Site? É uma união de Páginas que visam formar um único documento interligado. O que é uma Home Page? Documento projetado para ser a página principal de um Site, com o objetivo de redirecionar o usuário para outras Páginas relacionadas dentro do site. 5

6 Algumas Definições O que é Web Application? É um serviço usado para executar tarefas específicas na Web. Alguns exemplos Projetos de Pesquisa (Resources( Resources) Trabalho Cooperativo Cultura Publicação Eletrônica Promoção de Produtos e Serviços Comércio Eletrônico (e-commerce Commerce) Suporte Técnico (Technet( Technet) 6

7 Algumas Definições O que é um Browser? É um Navegador Um programa que permite a navegação e visualização de Home Pages na Web. Quais são os utilizados atualmente? Netscape - 10 % dos internautas Internet Explorer - 85 % dos internautas Opera - 5 % dos internautas 7

8 Algumas Definições O que são Web Servers? São programas (Servidores) capazes de disponibilizar informações na Web. Alguns exemplos: Em ambiente UNIX: NCSA, CERN, Apache Em ambiente Windows: PWS, IIS, Netscape, WebSite. 8

9 Algumas Definições O que é HTML? (Hyper Text Markup Language) É uma linguagem de marcação usada na formatação de documentos na Web. Algumas Características: É interpretada pelo browser. Descreve o documento independente da plataforma de visualização. 9

10 Projetando Sites para Web Divulgação Registro em mecanismo de buscas Permutas de banners Assessoria de imprensa Compra de banners em outros sites Mídias Convencionais (Televisão, Rádio, OutDoor,...) 10

11 Características Gerais de HTML Como é um documento HTML? Conteúdo HTML é um arquivo ASCII Marcações (tags( tags) ) usam < e > Ex: : <Nome_Tag Tag> A maior parte aparece em pares Ex: : <Nome_Tag Tag> >... </Nome_Tag Tag> Maiúsculas X Minúsculas (Não é Case-Sensitive Sensitive) Comentários: <! > 11

12 Características Gerais de HTML Estrutura do documento <HTML> < HEAD> <TITLE> </TITLE> </HEAD> <BODY>... </BODY> </HTML> 12

13 Comandos Básicos de Formatação Estilos físicos <B> </B> <I> </I> <U> </U> <S>...</S> <TT> </TT> <SUB> </SUB> <SUP> </SUP> (Negrito) (Itálico) (Sublinhado) (Tachado) (Espaçamento igual) (Subscrito) (Sobrescrito) Estilos lógicos <STRONG> </STRONG> <EM> </EM> <CITE> </CITE> (Mesmo que negrito) (Mesmo que itálico) (Mesmo que itálico) 13

14 Comandos Básicos de Formatação Separadores <P> <BR> Quebra de paragráfo Quebra de linha <HR> Linha horizontal size = n (Tamanho) width = n (Largura absoluta) width = n % (Largura relativa) noshade (Sem 3D) 14

15 Comandos Básicos de Formatação Cabeçalhos <H1> </H1> até <H6> </H6> Texto Pré-formatado <pre> > </pre pre> 15

16 Comandos Básicos de Formatação Alinhamento de Texto <DIV align= = center >...</ >...</div> <DIV align= = left >...</ >...</div> <DIV align= = right >...</ >...</div> <DIV align= = justify >...</ >...</div> OU <P align= = center >...</p> <P align= = left >...</p> <P align= = right >...</p> <P align= = justify >...</p> 16

17 Caracteres Especiais Acentuação, em ambiente Windows, é produzida diretamente (norma ISO Latin 1) Codificação em HTML á á < < ã &atild; > > â â & & à à " ç &ccedil

18 Listas 18

19 Listas não numeradas Exemplo: <UL> <LI> Correio Eletrônico </LI> <LI> Telnet </LI> <LI> FTP </LI> </UL> Observações: Listas podem ser aninhadas </LI> é opcional 19

20 Lista não-ordenada <UL> type= = disc circle circle square square <UL type= square > conteúdo </UL> 20

21 Listas numeradas Exemplo: <OL> <LI> Item número um.</li> <LI> Item número dois. </LI> <LI> Item número três. </LI> <LI> Item número quatro. </OL> Observações: Listas podem ser numeradas </LI> é opcional 21

22 Lista ordenada <OL> type="1" "A" "a" "I" "i" start=número inicial Lista ordenada: <OL type="i" start=5> <LI>Item número um.</li> <LI>Item número dois. </LI> <LI>Item número três. </LI> </OL> 22

23 Listas de definição Exemplo: <DL> <DT>Telnet Telnet</DT> <DD>É o protocolo mais usado na Internet para criar uma conexão com um nó remoto.</dd> <DT>FTP</DT> <DD>O "File Transfer Protocol" é o principal método de se transferir arquivos pela Internet. </DD> </DL> Observação: </DT> e </DD> são opcionais 23

24 Interligando documentos (Links) 24

25 Interligando Documentos Desviando para outro documento: <A HREF="url destino">texto</a> Observações: Caminhos relativos X absolutos Barras de diretórios: usar "/" em lugar de "\ Dentro de URLs, maiúscula é diferente de minúscula URL destino pode ser: outro documento, uma imagem, uma música, etc. 25

26 Interligando Documentos Interligando seções em uma página Definição de uma seção: <A NAME="seção">... </A> Link para uma seção da mesma página: <A HREF="#seção">... </A> Link para uma seção de outra página <A HREF="arquivo#seção">... </A> 26

27 Interligando Documentos Enviando mensagens de correio eletrônico <A HREF="mailto Quando o link for acionado, abre o programa de correio eletrônico do navegador, permitindo que o usuário envie uma mensagem para o endereço especificado. 27

28 Imagens, Fontes e Cores Multimídia Animações 28

29 Imagens, Fontes e Cores (I) Imagens embutidas num documento <IMG SRC= URL da imagem > Podem ser GIF ou JPG Atributos: ALT= texto alternativo mostrado no lugar da imagem ALIGN= TOP / BOTTOM / MIDDLE / LEFT / CENTER / RIGHT BORDER= largura da borda quando usada como âncora WIDTH= largura em pixels HEIGHT= altura em pixels VSPACE= espaço vertical ao redor da imagem em pixels HSPACE= espaco horizontal ao redor da imagem em pixels 29

30 Imagens, Fontes e Cores (II) Usando imagens como links: <A HREF= link.html html ><IMG SRC= x.gif gif ></A> Escolhendo Fontes e Cores de Caracteres <FONT SIZE = [+ ou -] número de 1 a </FONT> FACE = fonte1, fonte2, COLOR = cor do texto > 30

31 Imagens, Fontes e Cores (III) Imagem de fundo da página <BODY BACKGROUND= URL da Imagem > Cor de fundo, texto e links <BODY BGCOLOR= cor (fundo) TEXT= cor (texto) LINK= cor (links não visitados) ALINK= cor (links enquanto acionados) VLINK= cor (links já visitados) > 31

32 Imagens, Fontes e Cores (IV) A cor pode ser identificada pelo nome ou por #RRGGBB Exemplos: White #FFFFFF Red #FF0000 Green #00FF00 Coral #FF7F00 32

33 Manuseio de imagens (I) Qualquer programa de edição de imagens pode ser usado. Exemplos: Photoshop, Corel Draw, PaintShop Pro. 33

34 Manuseio de imagens (II) Operações comuns com imagens: Digitalização por scanner Captura de tela Redução e ampliação Recorte Alteração do formato gráfico Fundo transparente 34

35 Manuseio de imagens (III) Imagens Mapeadas A forma da sub área pode ser: Retângulo Círculo Polígono Existem inúmeros utilitários para facilitar a tarefa de marcar regiões numa imagem, gerando os comandos correspondentes (MapEdit, MapThis,, ) 35

36 Animações (I) GIFs Animados Composição de várias imagens em sequência num único arquivo GIF Montagem é feita com um programa a parte. Ex: Gifcon, GifAnimator, AnimaGif,,... MARQUEE <Marquee>...</ >...</Marquee> Permite criar letreiro de texto rolável Só funciona no IE e no Firefox 36

37 Animações (II) Animações em JAVA São produzidas por um programa (applet( applet) Pode usar uma applet pronta fornecida pela Sun java.sun.com/.com/applets/animator/index.html Mais difícil que criar um GIF animado HTML Dinâmico Só funciona nos browsers 4.x ou superior Controle sobre posição dos elementos através de linguagens de script 37

38 Multimídia (I) Exigem que o usuário possua um programa externo/plugin Formatos de áudio: wav,, mp3, au, aiff, mid, ra, etc. Formatos de vídeo: avi, mov, mpeg, rm, etc. 38

39 Multimídia (II) Inserindo áudio e vídeo: Através de links: <A HREF= xmas xmas.wav >link p/ música</a> Embutidos no documento: <EMBED SRC= x.avi avi > No Internet Explorer: <IMG DYNSRC= x.avi avi > <BGSOUND SRC= x.wav wav > 39

40 Tabelas 40

41 Tabelas (I) Definição da tabela em si: <TABLE>... </TABLE> Atributos: BORDER = largura da borda em pixels CELLSPACING = espaço entre as células CELLPADDING = espaço entre o texto e as bordas WIDTH = largura da tabela HEIGHT= altura da tabela BORDERCOLORLIGHT BORDERCOLORDARK 41

42 Atributos de TABLE border=pixels cellspacing=pixels cellpading=pixels espessura da borda espaço entre as células espaço entre dados e célula 42

43 Atributos de TABLE bgcolor=cor width=pixels/porcentagem height=pixels/porcentagem 43

44 Tabelas (II) Definição dos elementos da tabela: <CAPTION>...</CAPTION> - Título <TH>...</TH> - Cabeçalho <TR>...</TR> - Linha <TD>...</TD> - Célula Atributos: VALIGN = alinhamento vertical (TOP, MIDDLE ou BOTTOM) ALIGN = alinhamento horizontal (LEFT, CENTER ou RIGHT) ROWSPAN = número de linhas ocupadas pela célula COLSPAN = número de colunas ocupadas pela célula WIDTH = largura da célula HEIGHT = altura da célula 44

45 45

46 Tabela<TABLE> 46

47 Tabela<TABLE> Título CAPTION> 47

48 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> 48

49 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> Cabeçalho (Table Header)<TH> 49

50 Tabela<TABLE> Título <CAPTION> Linhas (Table Row) <TR> Cabeçalho (Table Header)<TH> Célula (Table Date) <TD> 50

51 Atributo de CAPTION (align( align) <CAPTION align=top> <CAPTION align=bottom> 51

52 Tabelas (III) Aplicando cores na tabela: BGCOLOR pode ser usado dentro de <TABLE> <TH> <TR> <TD> Aplicando imagem ao fundo de uma tabela: BACKGROUND pode ser usado dentro de : <TABLE> <TH> <TD> 52

53 Exercício 53

54 Frames 54

55 55

56 56

57 57

58 58

59 59

60 60

61 61

62 62

63 63

64 Frames Arquivo FRAMESET Define a divisão da tela em frames Exemplo: <HTML> <HEAD> </HEAD> <FRAMESET > <FRAME SRC= URL > <FRAME SRC= URL > </FRAMESET> </HTML> 64

65 Frames (II) Alguns atributos de frameset: COLS = 200,* ROWS = 30%,* BORDER = N (Largura da Borda) FRAMEBORDER = yes no FRAMESPACING = N (espaço entre frames) Alguns atributos de frame: SRC NAME SCROLLING = YES ou NO NORESIZE MARGINHEIGHT MARGINWIDTH (URL do Documento) (Nome do Frame) (Se tem ou não Scroll) (Tamanho fixo) (Altura de Margem) (Largura da Margem) 65

66 Frames (III) Compatibilizando o documento com navegadores que não utilizam frames: <HTML> <HEAD> </HEAD> <FRAMESET > <FRAME SRC= URL > </FRAMESET> <NOFRAMES> </NOFRAMES> </HTML> 66

67 Frames (IV) Links em páginas com frames <A HREF= url da pagina TARGET= nome do frame > Nomes especiais: _blank _self _parent _top 67

68 Formulários 68

69 Formulários: Codificação Básica <FORM METHOD= POST GET ACTION= URL do CGI >... definição dos ítens do formulário... </FORM> Para enviar o formulário por mail: <FORM ACTION= mailto ENCTYPE= text text/plain > 69

70 Formulários Campo de Texto Exemplo:... Conta:<INPUT TYPE= TEXT NAME= conta SIZE= 20 MAXLENGTH= 20 > Senha:<INPUT TYPE= PASSWORD NAME= senha SIZE= 20 MAXLENGTH= 20 >... Visualização: 70

71 Formulários (II) Área de Texto Exemplo:... Comentários:<BR> <TEXTAREA NAME= texto ROWS= 3 COLS= 40 > Digite aqui um texto qualquer. </TEXTAREA>... Visualização: 71

72 Formulários (III) Menus Exemplo:... Sexo: <SELECT NAME= sexo >... <OPTION SELECTED>Masculino <OPTION>Feminino </SELECT> Visualização: 72

73 Formulários (IV) Botões Sim ou Não Exemplo:... Áreas de interesse: <BR> <INPUT TYPE= checkbox checkbox NAME= b1 VALUE= Redes >Redes<br> <INPUT TYPE= checkbox checkbox NAME= b2 VALUE= BD >Bancos de Dados<br>... Visualização: 73

74 Formulários (V) Botões de Rádio Exemplo:... Sexo: <INPUT TYPE= RADIO NAME= sexo VALUE= M > Masculino... <INPUT TYPE= RADIO NAME= sexo VALUE= F >Feminino Visualização: 74

75 Vários Ítens Exemplo: <SELECT NAME="item" MULTIPLE SIZE=7> <OPTION> Item1 <OPTION SELECTED> Item 2 <OPTION SELECTED> Item 3... </SELECTED> 75

76 Formulários (VI) Botões de Envio Exemplo:... <INPUT TYPE= SUBMIT VALUE= Envia > <INPUT TYPE= RESET VALUE= Limpa >... Visualização: 76

77 Publicando Documentos 77

78 Publicando Documentos Para publicar uma página na Internet é necessário alojá-la la num servidor WWW (provedor de serviços internet). Publicação gratuita: Publicação na UFRJ: É necessário abrir conta na máquina ACD. acd.ufrj.br/~.br/~seunome 78

79 Publicando Documentos (II) O administrador pode definir outras associações Nome de arquivo padrão: index.html Atualização dos arquivos via FTP 79

80 FIM

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

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

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

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

Unidade IV Introdução à Linguagem PHP Parte 1

Unidade IV Introdução à Linguagem PHP Parte 1 Unidade IV Introdução à Linguagem PHP Parte 1 Professor Fabiano de Paula Soldati fpsoldati@yahoo.com.br http://br.groups.yahoo.com/group/professorsoldati/ Introdução HTML = HyperText Markup Language HTML

Leia mais

Profa. Reane Franco Goulart

Profa. Reane Franco Goulart Profa. Reane Franco Goulart A linguagem HTML (Hypertext Markup Language) tem o objetivo de formatar textos através de marcações especiais denominadas tags, para que possam ser exibidos de forma conveniente

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

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

( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho -

( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho - Apostila de XHTML ( Curso Introdutório) Versão 0.2a 7 de março de 2005 - Versão - Rascunho - Prof. Luis Rodrigo de O. Gonçalves E-mail:luisrodrigoog@yahoo.com.br site: http://www.lrodrigo.cjb.net Prof.

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

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

HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários

HTML. Sessão 8 HTML. Criação de Páginas WEB. Formulários HTML Sessão 8 HTML Falta ver de que forma podemos trocar informações com nosso visitante. Este aspecto é primordial para a grande quantidade de acções que se podem realizar : Comprar um artigo, preencher

Leia mais

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma

Leia mais

Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br

Curso de HTML. Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Daniel Destro do Carmo Softech Network Informática daniel@danieldestro.com.br Definições conceituais O que é HTML? Criando e publicando uma página web Elementos da HTML Estrutura básica de uma página HTML

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

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

Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB -

Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Taquara - RS Sumário Apostila de HTML - Fonte: http://www.icmc.usp.br/ensino/material/html/intro.html

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

Certificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela

Certificado ISO 9001:2000 Nº 23.0021/98. Centro de Informática CETEP Quintino www.ciquintino.com.br. Elaborada por: Wanderson Mirandela Certificado ISO 9001:2000 Nº 23.0021/98 Centro de Informática CETEP Quintino www.ciquintino.com.br Elaborada por: Wanderson Mirandela A POLÍTICA DA QUALIDADE DO CI Prover cursos de nível básico profissionalizante

Leia mais

Programação de Servidores CST Redes de Computadores

Programação de Servidores CST Redes de Computadores Programação de Servidores CST Redes de Computadores Marx Gomes Van der Linden http://marx.vanderlinden.com.br ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) HMTL Arquivo-texto

Leia mais

CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1

CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 ESCOLA ESTADUAL PROF. JOSÉ BARROSO TOSTES PROFESSOR: ESP. ANDREW RODRIGUES CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 CURSO: PROGRAMADOR WEB DISCIPLINA: HTML 4.0.1 1 APOSTILA DE INTRODUÇÃO À LINGUAGEM

Leia mais

Aula 2: Listas e Links

Aula 2: Listas e Links Aula 2: Listas e Links Nesta segunda aula, você aprenderá a utilizar listas numeradas ou não, a entender o que são listas de definições e como fazer referências a outros documentos. Vamos entender a diferença

Leia mais

1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML?

1. INTRODUÇÃO. 1.1 Como são as marcações (tags) HTML? HTML 1. INTRODUÇÃO HTML abreviação de HiperText Markup Language é a linguagem de programação que usamos para criar uma página Web, que, por sua vez, será composta de textos e comandos especiais, chamados

Leia mais

Links e Frames José Antônio da Cunha

Links e Frames José Antônio da Cunha Links e Frames José Antônio da Cunha Links Até agora, produzimos documentos simples. Mas os documentos de hipertexto têm como principal característica, fazer ligações com outros hipertextos. Os pontos

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

C A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML

C A P I T U L O 0 1 I N T R O D U Ç Ã O XHTML C A P I T U L O 0 1 I N T R O D U Ç Ã O A O XHTML 1 O QUE É XHTML? XHTML significa Linguagem de Marcação de Hipertexto (Extensible Hypertext Markup Language) XHTML é quase idêntico ao HTML 4.01 XHTML é

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

Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções,

Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções, Desenvolvimento WEB APOSTILA por Lucília Ribeiro Se eu fosse um padre, eu, nos meus sermões, não falaria em Deus nem no Pecado muito menos no Anjo Rebelado e os encantos das suas seduções, não citaria

Leia mais

Web Design Aula 11: XHTML

Web Design Aula 11: XHTML Web Design Aula 11: XHTML Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Motivação HTML 1.0-2.0: Havia hipertextos, não havia preocupação com a apresentação HTML 3: Guerra dos Browser (Microsoft

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

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 Estrutura básica do HTML Um documento HTML deve estar delimitado pela tag e . Dentro deste documento, podemos ainda distinguir

Leia mais

HTML - Hyper Text Markup Language. Curso Básico Prof. Pedro Luiz O. Costa Bisneto

HTML - Hyper Text Markup Language. Curso Básico Prof. Pedro Luiz O. Costa Bisneto HTML - Hyper Text Markup Language Curso Básico Prof. Pedro Luiz O. Costa Bisneto Sumário Introdução 3 Exemplo de página HTML básica 4 Tags do HTML 5 Cabeçalho 5 Estilos 6 Corpo da página 8 Texto e parágrafo

Leia mais

<!DOCTYPE html> <html lang = "pt-br"> <head> <meta charset = UTF-8"> <title> Exemplo de uso correto da semântica HTML </title> </ head >

<!DOCTYPE html> <html lang = pt-br> <head> <meta charset = UTF-8> <title> Exemplo de uso correto da semântica HTML </title> </ head > Para um navegador exibir corretamente uma página web, devemos informar explicitamente o tipo do documento. O tipo do documento é informado com a declaração . TAG

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

Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :

Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é : TABELAS As tabelas são muito importantes para o designer de uma home-page. Com elas podese fazer alinhamentos que dificilmente seriam possíveis com simples comandos. A funcionalidade de uma tabela faz

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 Tutorial - Autoria em World Wide Web

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip 1996 Tutorial - Autoria em World Wide Web RNP REDE NACIONAL DE PESQUISA Centro Regional de Brasília CR/DF ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia5.zip janeiro 1996 Tutorial - Autoria em World Wide Web Parte IV - Hypertext

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 Introdução a e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a Apresentar as

Leia mais

Programação WEB I. Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015

Programação WEB I. Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015 Programação WEB I Ms. Bruno Crestani Calegaro (bruno.calegaro@ifsc.edu.br) Jun/ 2015 Desenvolvendo Aplicações WEB Aplicativos web estão em alta hoje em dia. Cada vez mais antigos sistemas desktops migram

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

HTML Página 29. Índice

HTML Página 29. Índice PARTE - 5 HTML Página 29 Índice HTML - Hiperlinks... 30 Frames com links... 31 O código fonte do arquivo índex.htm... 31 Conhecendo os comandos border e bordercolor do frame... 31 Conhecendo os comandos

Leia mais

Programação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza

Programação WEB II. Formulários Em PHP. Métodos GET e POST progweb2@thiagomiranda.net. Thiago Miranda dos Santos Souza Formulários Em PHP Métodos GET e POST progweb2@thiagomiranda.net Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Entender o funcionamento

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

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML

Autoria Web. Professor: Diego Oliveira. Conteúdo 02: Principais Tags HTML Autoria Web Professor: Diego Oliveira Conteúdo 02: Principais Tags HTML Diferença de HTML e XHTML Os elementos XHTML devem estar devidamente aninhados Os documentos XHTML devem estar bem-formados Os nomes

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

Desenvolvimento em Ambiente Web. HTML - Introdução

Desenvolvimento em Ambiente Web. HTML - Introdução Desenvolvimento em Ambiente Web HTML - Introdução O que é HTML? HTML é uma linguagem para descrever a estrutura de uma página WEB. Ela permite: Publicar documentos online com cabeçalhos, texto, tabelas,

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

Introdução à Linguagem HTML

Introdução à Linguagem HTML Introdução à Linguagem HTML HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) é fruto do "casamento" dos padrões HyTime e SGML.; HyTime - Hypermedia/Time-based Document Structuring

Leia mais

Tecnologias Web. Formulários HTML

Tecnologias Web. Formulários HTML Tecnologias Web Formulários HTML Cristiano Lehrer, M.Sc. Tag form (1/2) Todo formulário em HTML é construído usando elementos dentro de um bloco . O bloco define a URL que receberá o formulário

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

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br

Linguagem de. Aula 06. Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Linguagem de Programação IV -PHP Aula 06 Profa Cristiane Koehler cristiane.koehler@canoas.ifrs.edu.br Criação de Formulários o Um formulário consiste em uma série de campos que são preenchidos pelo usuário

Leia mais

HTML: Formulários Programação de Servidores

HTML: Formulários Programação de Servidores HTML: Formulários Programação de Servidores Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Exemplo 2 Criando um Formulário Um formulário é composto

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

Web Design Livre. do GIMP ao HTML <HTML> Jezmael Basilio Marcos Vinícius

Web Design Livre. do GIMP ao HTML <HTML> Jezmael Basilio Marcos Vinícius Web Design Livre do GIMP ao HTML Jezmael Basilio Marcos Vinícius GIMP 1. Introdução GIMP é o acrônimo para GNU Image Manipulation Program (Programa de Manipulação de Imagens do GNU). Como o próprio

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

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

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

Web design & HTML. avançado

Web design & HTML. avançado Web design & HTML avançado Helder da Rocha Rev.: WDHT-03-2000/04 A4 (ASIT) Copyright 1998, 1999, 2000 por Helder Lima Santos da Rocha. Todos os direitos reservados. Os direitos do autor sobre esta obra

Leia mais

PDI 1 - Projeto e Design de Interfaces Web

PDI 1 - Projeto e Design de Interfaces Web Introdução a HTML e XHTML Elementos básicos parte 2 Professor: Victor Hugo L. Lopes Agenda: --Adicionando imagens; --Trabalhando com vídeos e sons em HTML; Disponível em http://wp.me/p48yvn-43 2 Inserindo

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

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

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.

Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e

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

Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira

Linguagens para WEB Tecnologia Cliente XHTML / CSS. Professora: Lucélia Oliveira Linguagens para WEB Tecnologia Cliente XHTML / CSS Professora: Lucélia Oliveira Professora Lucélia Oliveira 2 Sumário APRESENTAÇÃO... 5 1. CONCEITOS... 6 1.1. HTML... 6 1.2. XHTML... 6 1.3. tags... 6 2.

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

HTML Básico Formulários. Matheus Meira

HTML Básico Formulários. Matheus Meira HTML Básico Formulários Matheus Meira 1 Objetivos Neste apresentação conheceremos os fundamentos básicos de HTML para a manipulação com servlets e jsp. Serão vistos Formulários Links Elementos de disparo

Leia mais

gedit Bloco de notas

gedit Bloco de notas GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução

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

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

Relatório: Página HTML

Relatório: Página HTML Universidade do Minho Escola de Engenharia Relatório: Disciplina: Linguagens de Programação Curso: Engenharia e Gestão Industrial Carolina Fernandes N.º40532 Guilherme Bacinello N.º42119 Diana Rocha N.º40536

Leia mais

Prova de pré-requisito

Prova de pré-requisito Prova de pré-requisito PHP & MySQL: Técnicas para Web 2.0 1 - Qual das opções constrói a tabela abaixo: DIA MÊS ANO 28 04 1988 22 02 2002 a) b) c) dia mês ano

Leia mais

3 HTML Tabelas, frames e formulário

3 HTML Tabelas, frames e formulário 3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos

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

Acessibilidade na web e HTML5 Desenvolvendo uma web para todos. Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br

Acessibilidade na web e HTML5 Desenvolvendo uma web para todos. Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br e HTML5 Desenvolvendo uma web para todos Frontin BH 13 de agosto de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, criado em 1994 por Tim Berners- Lee com organizações filiadas,

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

LINGUAGEM DE PROGRAMAÇÃO WEB

LINGUAGEM DE PROGRAMAÇÃO WEB LINGUAGEM DE PROGRAMAÇÃO WEB GABRIELA TREVISAN Formulários e Aula 3 Relembrando HTML 5 Tag Form o Utilizada para marcar a região do formulário. o Os atributos mais importantes são o method e o action.

Leia mais

Introdução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel

Introdução a Servlets e JSP. Prof. Samuel Martins samuellunamartins at gmail dot com Faculdade São Miguel Introdução a Servlets e JSP samuellunamartins at gmail dot com Conteúdo da aula Introdução a HTML Introdução a Servlets Preparando o ambiente de programação Exemplo de Servlets 2 Websites na década de

Leia mais

Introdução à Tecnologia Web

Introdução à Tecnologia Web Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.

Leia 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

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz

INTRODUCAO DESENVOLVIMENTO E DESIGN DE WEBSITES FRAMES. Professor Carlos Muniz INTRODUCAO DESENVOLVIMENTO E DESIGN DE FRAMES Algumas páginas da internet são congeladas em seu cabeçalho ou em seu lado esquerdo, para construção de menus que geralmente precisam estar disponíveis para

Leia mais

Web. Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com

Web. Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com Web Professor: Rodrigo Alves Sarmento rsarmento@catolica-es.edu.br rasarmento@gmail.com Objetivos O que é uma aplicação Web? Web x Stand-Alone Web x Cliente Servidor Tradicional Tipos de Aplicação Dois

Leia mais

Instalação/ Operacionalização

Instalação/ Operacionalização Cobrança Site (Segunda via do Bloqueto Digital) Instalação/ Operacionalização Manual do Desenvolvedor Windows NT 4.0 ou Superior Listagem de títulos Método geracripto pesquisa bloqueto 20/02/2008 ÍNDICE

Leia mais

Introdução ao HTML. Sumário

Introdução ao HTML. Sumário Introdução ao HTML Telemédia Grupo de Comunicações por Computador Sumário em HTML Texto Alternativo Alinhamento Margens Redimensionar 1 em HTML Para inserir uma imagem basta usar a etiqueta da seguinte

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

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

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

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

Introdução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Listas

Introdução à Tecnologia Web 2010 HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Listas IntroduçãoàTecnologiaWeb2010 HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage SeçãodoCorpo Listas ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger SeçãodoCorpo Listas Índice

Leia mais

HTML5 O Futuro da Web Multimídia sem limites Senac Santo André 05 de outubro de 2011 Reinaldo Ferraz W3C.br

HTML5 O Futuro da Web Multimídia sem limites Senac Santo André 05 de outubro de 2011 Reinaldo Ferraz W3C.br HTML5 O Futuro da Web Multimídia sem limites Senac Santo André 05 de outubro de 2011 Reinaldo Ferraz W3C.br Um pouco do W3C É um consórcio internacional, que conta com: organizações filiadas, uma equipe

Leia mais

Tecnologias da Internet (T) Avaliação de Frequência (versão A) 120 minutos * 11.04.2013

Tecnologias da Internet (T) Avaliação de Frequência (versão A) 120 minutos * 11.04.2013 1 Este é o seu teste de avaliação de frequência. Leia as perguntas com atenção antes de responder e tenha atenção que algumas perguntas podem ter alíneas de resposta em páginas diferentes. Escreva as suas

Leia mais

HTML Página 1. Índice

HTML Página 1. Índice PARTE - 1 HTML Página 1 Índice HTML A HISTÓRIA... 2 O COMEÇO E A INTEROPERABILIADE... 3 Primeira Página... 4 Entendendo seu código... 5 Abrindo o código fonte da sua página... 6 Comentários na página...

Leia mais

O HTML possui sintaxes para os tags na ordem LIFO, ou seja, o último tag a ser digitado é o primeiro a ser fechado, por exemplo:

O HTML possui sintaxes para os tags na ordem LIFO, ou seja, o último tag a ser digitado é o primeiro a ser fechado, por exemplo: HTML é a sigla usada para Hyper Text Markup Language (linguagem de Marcação de Hipertexto). É a linguagem destinada a criação de páginas para a WEB. Ao contrário do que muita gente boa pensa, HTML não

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

Introdução à Tecnologia Web 2010

Introdução à Tecnologia Web 2010 IntroduçãoàTecnologiaWeb2010 CSS CascadingStyleSheets Sintaxe ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger CascadingStyleSheets Sintaxe Índice 1 O que é CSS?... 2 2 Vantagens do uso de CSS...

Leia mais

CRIAÇÃO DE SITES (AULA 3)

CRIAÇÃO DE SITES (AULA 3) Prof. Breno Leonardo Gomes de Menezes Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br CRIAÇÃO DE SITES (AULA 3) Mais algumas tags Existem tagsque são abertas e fechadas em única tag. Estas

Leia mais

4. A Linguagem JavaScript

4. A Linguagem JavaScript 4. A Linguagem JavaScript! A linguagem XHTML, por não ser uma linguagem de programação e sim uma linguagem de marcação, não permite interação entre o usuário e a página, além de clicar em um link, fazendo

Leia mais

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina

Leia 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

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

Layouts de páginas com HTML e CSS

Layouts de páginas com HTML e CSS Layouts de páginas com HTML e CSS Layouts de Páginas com CSS.... 2 Layout com tamanho Líquido... 2 Layout com tamanho Fixo... 3 Desenvolvendo um layout com tamanho fixo.... 5 Layouts de Páginas com CSS.

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