gedit Bloco de notas

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "gedit Bloco de notas"

Transcrição

1 GOVERNO DA REPÚBLICA PORTUGUESA gedit Bloco de notas Sistema Operativo Linux Tecnologias de Informação e Comunicação Professor: Joaquim Frias

2 Instruções básicas do HTML TAGS TAGS Uma tag é uma instrução que ao ser interpretada pelo browser vai ter efeitos sobre a estrutura da página, sobre o texto, sobre uma imagem, uma hiperligação ; As tags colocam-se sempre entre os sinais de < (menor) e > (maior); As tags dividem-se em dois grupos: Únicas-quando não existe a tag de fecho <TAG> Duplas quando existe uma tag de fecho, que é igual à de abertura, mas tem uma barra / a seguir ao sinal de menor <TAG> </TAG>

3 Instruções básicas do HTML TAGS As tags podem ser classificadas como: Simples quando são constituídas apenas pelo sinal de <, nome da tag, e sinal de > <html> Com argumentos quando a seguir ao nome da tag têm uma ou mais instruções com indicações complementares sobre a formatação do texto, do fundo, dos limites, etc <TAG argumento1= condição argumento2= condição >

4 Estrutura de um documento HTML <HTML>... </HTML> Dentro destas tags, temos duas secções básicas: HEAD controla as especificações do cabeçalho de uma página; Uma tag muito utilizada no HEAD é a tag TITLE, que permite escrever o título da página; BODY controla as especificações da parte principal de uma página.

5 Estrutura de um documento HTML <HTML> <HEAD> <TITLE> Primeira página em HTML </TITLE> </HEAD> <BODY> Esta é minha primeira página em HTML! </BODY> </HTML> De resolução Nome: Ex1.html

6 Resultado Ex1.html

7 Faça a alteração ao exercício 1

8 Resultado Ex2.html

9 Tags de formatação de texto <CENTER> </CENTER> Centra o texto e todos os elementos contidos entre o sua abertura e o seu fecho; <B> </B> Aplica o estilo negrito; <I> </I> Aplica o estilo itálico; <U> </U> Aplica o estilo sublinhado; <SUP> </SUP> Faz com que o texto fique sobrescrito; <SUB> </SUB> Faz com que o texto fique subscrito; <P> </P>Cria um parágrafo na página;

10 Tags de formatação de texto TAGS de títulos e subtítulos - H1 tem o tamanho maior, e H6 o mais pequeno: <H1> </H1> <H2> </H2> <H6> </H6>

11 Tags de formatação de texto <FONT ARGUMENTO= condição > </FONT> formatação do texto contido entre a sua abertura e o seu fecho. Argumentos mais utilizados: o COLOR permite alterar a cor do texto o SIZE permite alterar o tamanho do texto o FACE permite alterar o tipo de letra

12 Estrutura de um documento HTML

13 Estrutura de um documento HTML

14 Estrutura de um documento HTML

15 Estrutura de um documento HTML

16 Alinhamento do texto em títulos e parágrafos As tags de título (H1, H2,, H6) e a tag de parágrafo (P), podem ter como argumento a instrução ALIGN, cujos valores podem ser: Argumentos mais utilizados: o Left o texto fica alinhado à esquerda o Right o texto fica alinhado à direita o Center o texto fica alinhado ao centro o Justify - o texto fica justificado

17 Alinhamento do texto em títulos e parágrafos De resolução Nome: Ex5.html

18 Alinhamento do texto em títulos e parágrafos

19 Quebras de linha As quebras de linha são criadas através da utilização da tag <BR>; São utilizadas quando se pretende forçar uma mudança de linha, num determinado ponto do texto, sem criar um parágrafo; A tag <BR> não tem tag de fecho nem qualquer conteúdo.

20 Quebras de linha De resolução Nome: Ex6.html

21 Quebras de linha

22 Linhas divisórias Para dividir uma página com linhas horizontais utiliza-se a tag<hr>; Atributos da tag HR:

23 Linha horizontal De resolução Nome: Ex7.html

24 Linha horizontal

25 Hiperligações A tag para criar hiperligações é a tag A é uma tag dupla. <A ARGUMENTO="condição" >Texto da Hiperligação </A> Os principais argumentos são: HREF destino da hiperligação (pode ser uma página web, um ficheiro, etc ) TARGET especifica como vai ser aberta a hiperligação (se na mesma janela, numa janela nova, etc ) O valor do TARGET pode ser: _self : abre a hiperligação na mesma janela _blank: abre a hiperligação numa nova janela

26 Hiperligações De resolução Nome: Ex7.html

27 Imagens A inserção de imagens é a tag IMG. É uma tag única, pelo que não tem fecho. No entanto tem a barra antes do sinal de > <IMG ARGUMENTO="condição" /> Argumentos da tagimg são: SRC nome do ficheiro da imagem ALIGN alinhamento da imagem. Pode tomar os valores: left e right BORDER Serve para colocar um bordo na imagem, medido em pixéis. Ex: 15 px HEIGHT Serve para especificar a altura da imagem. Pode ser em pixéis ou em percentagem da altura original. Ex: 110 px; 90% WIDTH Serve para especificar a largura da imagem. Pode ser em pixéis ou em percentagem da altura original. Ex: 230 px; 120%

28 Imagens De resolução Nome: Ex8.html

29 Imagens animadas Além de imagens no formato JPG, também é possível inserir imagens em formato BMP e PNG, e imagens animadas em formato GIF De resolução Nome: Ex9.html

30 Listas As possibilidades que o HTML oferece em relação ao tratamento de texto, são enormes, incluindo-se nessas possibilidades as listas de itens; As listas de itens são marcadores que se colocam no início das frases para listar ou enumerar um conjunto de itens; As listas podem ser de 3 tipos: Listas não ordenadas (unordered lists) tag<ul>.. </UL> Listas ordenadas (ordered lists) tag<ol> </OL> Listas de definição (definition lists) tag<dl> </DL>

31 Listas não ordenadas De resolução Nome: Ex10.html

32 Listas ordenadas De resolução Nome: Ex11.html

33 Tabelas A tag de construção de uma tabela em HTML é a tag TABLE; É uma tag dupla, tendo uma tag abertura e uma de fecho; <TABLE> </TABLE> Argumentos da tag TABLE: ALIGN alinhamento da tabela na página. Pode tomar os valores: left, center, right; BGCOLOR serve para especificar a cor de fundo da tabela; BORDER serve para colocar um bordo na tabela, medido em pixéis. Ex: 10px;

34 Tabelas Argumentos (cont) CELLSPACING serve para definir o espaço entre as células, em pixéis; WIDTH - serve para especificar a largura da tabela. Pode ser em pixéis, ou em percentagem da largura original. Ex: 230px; 120%. Exemplo: <TABLE ALIGN="center BGCOLOR="blue BORDER="5px"> </TABLE>

35 Tabelas As tabelas dividem-se sempre em linhas e colunas; A tag para abrir uma nova linha é a tag <TR> </TR>; Dentro das linhas, a tag para definir as células das colunas é <TD> </TD>; As tabelas podem ter uma linha de título, substituindo na linha a tag TD pela tag <TH> </TH>.

36 Tabelas De resolução Nome: Ex12.html

37 Tabelas

38 Bibliografia Aplicações Informáticas B Dalila Fonseca, Deolinda Pacheco, Fernando Marques e Ricardo Soares, Porto Editora

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

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) Todo documento HTML apresenta elementos entre os símbolos (< e >). Esses elementos são as etiquetas (tags) de HTML, que são os comandos de formatação da linguagem. A maioria

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

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

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

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

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

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

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

Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011.

Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011. Relatório do GPES Relatório referente ao estudo sobre a Linguagem HTML e CSS. Realizado do dia 19 de Abril de 2011 a 02 de Maio de 2011. CSS aplicado com HTML CSS é a sigla para Cascading Style Sheets

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

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

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

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

Construção de Páginas para Internet INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6

Construção de Páginas para Internet INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6 Índice INTRODUÇÃO 3 1. BREVE INICIAÇÃO AO HTML 4 2. EXEMPLO DE UMA PÁGINA 5 3. ESTRUTURA DO CÓDIGO 6 4. COLORIR UMA PÁGINA 7 5. FORMATAÇÃO 8 6. ANIMAÇÃO DE TEXTO E IMAGENS 10 Pág 1 7. UTILIZAÇÃO DE IMAGENS

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

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

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

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

Programação para Web HTML - Parte 2

Programação para Web HTML - Parte 2 Programação para Web HTML - Parte 2 Professor: Harlley Lima E-mail: harlley@decom.cefetmg.br Departamento de Computação Centro Federal de Educação Tecnológica de Minas Gerais Belo Horizonte, 2 de março

Leia mais

HTML. HyperText Markup Language

HTML. HyperText Markup Language HTML HyperText Markup Language HTML Linguagem de Marcadores de Hipertexto Baseada em tags Diferentemente de outras linguagens como C e Pascal, a linguagem HTML não é compilada e sim interpretada. Estrutura

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

Elementos HTML. O parágrafo pode ter seu alinhamento alterado, se usar o parâmetro ALIGN.

Elementos HTML. O parágrafo pode ter seu alinhamento alterado, se usar o parâmetro ALIGN. Elementos HTML Parágrafos e Quebras de Linha A linguagem HTML não reconhece as quebras de linha geradas pelo uso da tecla e os espaços (no caso mais de um) incluídos por meio do teclado. Comando...

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

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

HTML Básico. Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br HTML Básico Antonio Fernando de Oliveira Núcleo de Computação Eletrônica da UFRJ Tel. (021) 2598-3111 e-mail: antonio@nce.ufrj.br Referências Bibliográficas: Iniciando em HTML Ramalho, Makron Books Home

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

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

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

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

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

Programação para Internet I 5. XHTML. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt

Programação para Internet I 5. XHTML. Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Programação para Internet I 5. XHTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Standard do W3C (www.w3c.org) desde 1999 Pode ser considerada a mais recente versão da linguagem HTML É uma aplicação

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

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

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

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

HTML Parte II. André Tavares da Silva.

HTML Parte II. André Tavares da Silva. HTML Parte II André Tavares da Silva andre.silva@udesc.br Tag BODY - Formatação Cores de textos da página text = texto normal da página

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

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

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

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

Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais

Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais Prefeitura de Volta Redonda Secretaria Municipal de Educação Implementação de Informática Aplicada à Educação Oficina de produção de tutoriais AMANDA - TUTORIAL HTML Básico Oficina de produção de tutoriais

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

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

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

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

HyperText Markup Language HTML. Tabela

HyperText Markup Language HTML. Tabela HyperText Markup Language HTML Tabela Prof. Luis Nícolas de morim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Tabela consiste em uma estrutura de

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

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

Síntese da aula anterior

Síntese da aula anterior Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 1 O que vamos fazer hoje? Vamos utilizar o que aprendemos da aula anterior juntamente com Utilização de imagens

Leia mais

HTML Professor: Luciano Otávio de Assis HTML

HTML Professor: Luciano Otávio de Assis HTML Tags de Estrutura de Documentos HTML HTML São tags que definem e delimitam as principais porções ou seções do documento HTML. Elas São as tags necessárias para a adequada interpretação do arquivo HTML

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

( 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

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

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

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

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

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

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

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

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 EM AMBIENTE WEB I

PROGRAMAÇÃO EM AMBIENTE WEB I PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com UM POUCO DE HISTÓRIA Tudo começou com a ARPANET; 1977 ARPANET nasce 1987 Das universidades,

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

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

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

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

Web Design Aula 15: Propriedades CSS

Web Design Aula 15: Propriedades CSS Web Design Aula 15: Propriedades CSS Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Propriedades de texto Propriedades de Cores Propriedades de Bordas Propriedades de Listas Cor de

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

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

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

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

Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar

Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar Definindo um Layout de Website sem Tabelas Vou apresentar nesse post como fazer o código do layout de um website sem utilizar tabelas (tableless), e utilizando muito . Para continuar lendo esse post,

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

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

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

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

HTML (HyperText. Markup Language)

HTML (HyperText. Markup Language) Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução

Leia mais

Scientific Electronic Library Online

Scientific Electronic Library Online FAPESP - CNPq BIREME - FapUNIFESP Scientific Electronic Library Online Manual de Codificação de Tabelas para xhtml Projeto PMC São Paulo Novembro 2013 INTRODUÇÃO Este manual tem o objetivo de mostrar passo

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

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

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

PROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias

PROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext

Leia mais

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RN - IFRN APOSTILA: AUTORIA WEB PROFESSOR: ADDSON ARAÚJO DA COSTA SANTA CRUZ - RN Sumário 1. Introdução...1 2. Tags...1 3. HTML...1 4. Cabeça, Corpo

Leia mais

Aula 5 Tabelas. 1.Tabelas

Aula 5 Tabelas. 1.Tabelas Aula 5 Tabelas Continuando a tratar de documentos na Web, nosso principal assunto hoje são as tabelas, com as quais você poderá incrementar a disposição dos elementos em sua página de maneira mais criativa.

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

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

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

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

A linguagem Hyper Text Markup Language (HTML)

A linguagem Hyper Text Markup Language (HTML) A linguagem Hyper Text Markup Language (HTML) Nota: Contém material utilizado no curso de HTML do Instituto Superior de Engenharia de Lisboa (ISEL) Ultima actualização: 15-10-2006 O que é? Linguagem para

Leia mais

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

COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS

COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar

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

Curso de Html. Lição 1: Vamos começar Nesta primeira lição apresentaremos as ferramentas necessárias à construção de um website.

Curso de Html. Lição 1: Vamos começar Nesta primeira lição apresentaremos as ferramentas necessárias à construção de um website. Curso de Html Lição 1: Vamos começar Nesta primeira lição apresentaremos as ferramentas necessárias à construção de um website. O que é necessário? É muito provável que você já tenha as ferramentas que

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

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

IFRN\CAMPUS IPANGUAÇU DISCIPLINA: INFORMÁTICA BÁSICA PROFESSOR: CLAYTON MACIEL COSTA 2ª AVALIAÇÃO DE INFORMÁTICA BÁSICA TRABALHO FINAL EXCEL 2010

IFRN\CAMPUS IPANGUAÇU DISCIPLINA: INFORMÁTICA BÁSICA PROFESSOR: CLAYTON MACIEL COSTA 2ª AVALIAÇÃO DE INFORMÁTICA BÁSICA TRABALHO FINAL EXCEL 2010 IFRN\CAMPUS IPANGUAÇU DISCIPLINA: INFORMÁTICA BÁSICA PROFESSOR: CLAYTON MACIEL COSTA 2ª AVALIAÇÃO DE INFORMÁTICA BÁSICA TRABALHO FINAL EXCEL 2010 1. Abra a planilha no Microsoft Excel e salve a planilha

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

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

HTML: Recursos Básicos e Especiais

HTML: Recursos Básicos e Especiais Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,

Leia mais