Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/2016 09:48 1 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc5.htm Exemplos.

Slides:



Advertisements
Apresentações semelhantes
Atividade 5 Objetivos: Conhecer as regras CSS “width”, “margin-left:auto” e “margin-left:right” e verificar que elas não funcionam no IE a menos que coloquemos.
Advertisements

Faculdades Integradas Santa Cruz
HTML - HiperText Markup Language Tecnologia para Web
O TECLADO 1 -Principais teclas de edição de texto Tecla Função
Apostila - Geração de Arquivos do ENADE. Localizar a aplicação – Geração de Arquivos do Enade.
Apostila - Geração de Arquivos do ENADE. Localizar a aplicação – Geração de Arquivos do Enade.
Prof. Rudson apostilas.wikidot.com/hipermidia
HTML – Hyper Text Markup Language
HTML Com o tag você insere uma linha horizontal entre um parágrafo e outro. Complementos do tag . insere uma linha de largura 7 (pixels).
Programas Utilitários Básicos
Construção Web Design Aula 02 – HTML e CSS.
TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO
HTML O que é? HiperText Markup Language
A Linguagem HTML.
HTML Técnicas em Programação para Internet
Aulas ministradas por:
Tecnologias Web Prof. Msc. Juliano Gomes Weber Tecnologias Web Notas de Aula – Aula 04 1º Semestre UNIJUÍ.
HTML Construindo páginas.
Material elaborado por
HTML HyperText Markup Language Uma linguagem de marcação.
COLÉGIO DA IMACULADA CURSO TÉCNICO EM INFORMÁTICA
TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes
Introdução ao CSS Este modelo pode ser usado como arquivo de partida para apresentar materiais de treinamento em um cenário em grupo. Seções Clique com.
HTML 1ª aula.
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
HTML: trabalhando com Fontes
C URSO DE HTML 40 horas Instrutor: Antonio Itamar Júnior.
Profª Angela Tissi Tracierra. Tags... As tags... fazem a formatação de fonte no texto que envolvem no documento HTML. Juntamente a essas tags utilizam-se.
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
CONFIGURANDO TRABALHO NO WORD 2003 a 2007 (NORMAS DA ABNT)
FORMATANDO O TRABALHO NO WORD 2007
FORMATAÇÃO DE TRABALHOS ACADÊMICOS
Profª. Elizangela M. F. da Silva Responsável: Carlos Alberto da Silva.
Microsoft Word Unidade 4 – Processamento de Texto.
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
Linguagens Web - Cliente Aula 2 Introdução ao HTML e XHTML Prof. Gilmar Medeiros – Fevereiro/2010 Instituto Metodista Izabela Hendrix Curso de Tecnologia.
UNIDADE 4: Processamento de texto
7 - Criação de Páginas Web
Autoria WEB Prof. Thiago Nogueira Tolentino Barbosa
CONFIGURANDO O FORMATO GERAL DO SEU JORNAL ESCOLAR
FORMATANDO TRABALHO NO WORD 2007
Edivox: trabalhando com comandos de bloco
1 Sistemas Multimídia Fundamentos Básicos - HTML Prof. Hemir Santiago Prof. Hemir Santiago.
HTML Estrutura e Sintaxe.
Linguagem de Programação Web Karine Alessandra Córdova.
Karine Alessandra Córdova
Tabelas. Tabelas são usadas para apresentar "dados tabulares”
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza.
HTML Prof. Geyson Silva.
Design Gráfico Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 03 Introdução ao Web Design Prof° Ms. Claudio Benossi Aula 03.
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
Profº Cláudio Barbosa HTML – Formatação básica  Quebras de linha Primeira linha Segunda linha A segunda linha ficará logo.
1 Prof. Esp. Andrew Rodrigues HTML.
1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
1 HTML Prof. Esp. Andrew Rodrigues Aula: Table e Form andrewtec.wordpress.com.
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 30/5/ :10 1 Listas Numeradas As listas numeradas funcionam da mesma forma que as listas.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 30/5/ :57 1 ATRIBUTOS DE Através de atributos de, podemos definir cores para os textos,
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :16 1 FRAMES Os Frames são divisões na tela do browser em diversas telas pequenas.
1 Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :38 Prof. João Ricardo Anrêo O TAG - que será usado dentro dos tags, e servirá apenas.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :38 1 Este parágrafo em fonte Courier Este parágrafo em fonte Cambria e tamanho 20px.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 31/5/ :32 1 LISTAS Listas de Definição Estas listas são chamadas também “Listas de Glossário”,
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :55 1 TESTE TESTE TESTE Vamos construir um site utilizando FRAME, conforme a figura.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :02 1 Vamos verificar o efeito da formação de blocos de texto, através da digitação.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :22 1 Neste exercício vamos testar os diversos tipos de links comentados. Para isso.
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 2/6/ :46 1 TABELAS A TAG é utilizada para apresentação de dados no formato de tabelas (apresentação.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :46 1 ATRIBUTOS BÁSICOS (Continuação) Molduras de Imagem Para melhorar a apresentação.
Design para Web 3 XHTML(continuação) Ferramentas para Web I.
Transcrição da apresentação:

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 1 Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc5.htm Exemplos de cabeçalhos Cabeçalho 1 centralizado Cabeçalho 2 alinhado à direita Cabeçalho 3 alinhado à esquerda Cabeçalho 4 centralizado Cabeçalho 5 alinhado à direita Cabeçalho 6 alinhado à esquerda

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 2

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 3 SEPARADORES As quebras de linha do texto fonte não são significativas na apresentação de documentos em HTML. Para organizar os textos, precisamos de separadores, que são apresentados a seguir. Quebra de linha Quando queremos mudar de linha, usamos o comando. Isso só é necessário quando queremos forçar uma quebra de linha em determinado ponto, pois os browsers já quebram as linhas automaticamente para apresentar os textos. Com sucessivos, podemos inserir diversas linhas em branco nos documentos. Parágrafos Para separar blocos de texto, usamos o elemento, que fornece um espaço maior entre porções de texto. Combinando parágrafos e quebras de linha, temos: Parágrafo 1; linha 1 do parágrafo 1, linha 2 do parágrafo 1. Parágrafo 2; linha 1 do parágrafo 2, linha 2 do parágrafo 2. tem atributo de alinhamento, como explicado nos cabeçalhos. O alinhamento default é à esquerda.

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 4 SEPARADORES (continuação) Linha Horizontal insere uma linha horizontal no meio do texto, com possibilidades de atributos diversos de largura (SIZE), extensão (WIDTH), alinhamento e efeito tridimensional (NOSHADE), como mostrado nos exemplos abaixo: insere uma linha de largura 7 (pixels) insere uma linha que ocupa 50% do espaço disponível insere uma linha de comprimento 30% (do espaço disponível), alinhada à direita, sem efeito tridimensional. insere uma linha de largura 30, comprimento 2, alinhada à esquerda.

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 5 Vamos testar os separadores apresentados. Digite os comandos abaixo no Bloco de Notas. Grave com o nome exerc6.htm Exemplos de separadores Primeiramente vamos verificar os atributos de quebra de linha e parágrafo. Parágrafo 1; linha 1 do parágrafo 1, linha 2 do parágrafo 1. Parágrafo 2; linha 1 do parágrafo 2, linha 2 do parágrafo 2. Exemplo de linhas horizontais:

Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 2/6/ :48 6