Informática I. Aula 3. Aula 3-03/09/2007 1
|
|
- Neuza Aleixo da Rocha
- 5 Há anos
- Visualizações:
Transcrição
1 Informática I Aula 3 Aula 3-03/09/2007 1
2 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e páginas dinâmicas Números e expressões em Javascript Histórico dos Computadores Abstração e Funções Algoritmos e linguagens de programação Programação orientada a eventos Ciência da computação como disciplina Execução condicional Representação de dados Computação e sociedade Aula 3-03/09/2007 2
3 Introdução A World Wide Web é provavelmente o aspecto mais visível da computação hoje em dia. Inicialmente foi desenvolvida para pesquisadores trocarem informação mais facilmente. Hoje é um meio dinâmico para comunicação e comércio. Usando um navegador, usuários podem com alguns clicks ter acesso a todo tipo de informação e produtos para compra. Nessa aula, aprenderemos o básico sobre a criação de páginas Web e a linguagem HTML. Aula 3-03/09/2007 3
4 Noções básicas de HTML Página web simples = documento de texto + informações de formatação numa linguagem chamada HTML (HyperText Markup Language). As informações de formatação são interpretadas pelo navegador que mostra a página formatada. Aula 3-03/09/2007 4
5 Tags de HTML O HTML usa tags para especificar a formatação da página. As tags não são mostradas no navegador, apenas servem para indicar a formatação. Uma tag é uma palavra ou símbolo dentro de colchetes ( <> ). Por exemplo, toda página HTML começa com uma tag <html> e termina com a tag </html>, indicando o início e o fim do conteúdo da página. Aula 3-03/09/2007 5
6 Tags de HTML Duas seções são obrigatórias numa página: A seção HEAD, dentro das tags <head> e </head>. A seção BODY, dentro das tags <body> e </body>. A seção HEAD contém o título e outras informações que determinam a aparência geral. O título deve vir entre as tags <title> e </title>. O título é mostrado no alto da janela do navegador ou no caso de abas múltiplas na própria aba. A seção BODY contém o texto da página em si. Aula 3-03/09/2007 6
7 Elementos de HTML A maioria das tags vem em pares, indicando o início e o fim de um elemento da página. Elemento = tag inicial + texto + tag final Ex.: <title>meu título</title> Em alguns poucos casos as tags não vem pares. O elemento de comentário é composto de uma única tag que começa com <!-- e termina com -->. O comentário é uma anotação que não aparece na página. Ex.: <! Autor da pagina: Joao Oliveira --> Aula 3-03/09/2007 7
8 Exemplo Aula 3-03/09/2007 8
9 Desenvolvendo uma página HTML Para criar páginas HTML simples podemos usar um editor de texto comum. Ex.: Bloco de Notas, Wordpad Editores mais avançados ajudam o usuário colorindo e inserindo tags automaticamente. E ainda existe editores WYSIWYG ou visuais que não exigem necessariamente conhecimento de HTML. Ex.: Frontpage, Dreamweaver, Nvu. Durante o desenvolvimento da página, usamos o navegador para visualização. Aula 3-03/09/2007 9
10 Formatação do texto O texto não aparece no navegador exatamente como ele foi digitado. O navegador ignora as linhas em branco, espaços e tabs. Todos os espaços consecutivos são mostrados como um único espaço. Uma linha de texto é automaticamente quebrada em duas se a janela for muito pequena. Aula 3-03/09/
11 Formatação do texto O espaçamento do texto pode ser controlado utilizando tags de HTML. O elemento parágrafo (<p>...</p>) especifica que o texto deve ser mostrado em uma nova linha que é precedida por uma linha em branco. O elemento de quebra de linha (<br>) insere uma quebra em qualquer ponto do texto. O símbolo pode ser usado para inserir espaços em branco. Aula 3-03/09/
12 Exemplo Aula 3-03/09/
13 Erros comuns Esquecer um dos colchetes de um tag. O navegador não reconhecerá o tag e o mostrará como texto na página. Ex.: <br Digitar o nome do tag incorretamente. O navegador ignorará o tag. Ex.: <bl> Aula 3-03/09/
14 Subtítulos É comum que um documento grande seja dividido em seções, cada uma com um subtítulo descrevendo seu conteúdo. A linguagem HTML inclui tags para a especificação de subtítulos em vários tamanhos (de 1 a 6). <h1>...</h1> <h2>...</h2> <h3>...</h3> menor As seções podem ser separadas por uma linha horizontal usando o tag <hr>. Aula 3-03/09/
15 Alinhamento Por default, o texto de uma página fica alinhado a esquerda. É possível alinhar o texto ao centro ou a direita incluindo o atributo STYLE na tag de abertura do elemento que se deseja alinhar. Em geral, um atributo é uma propriedade adicional que pode ser atribuída a um elemento. Ex1.: <h2 style= text-align:center > Ex2.: <p style= text-align:right > Para alinhar vários elementos simultaneamente podemos usar a tag DIV que agrupa elementos em uma única divisão. Aula 3-03/09/
16 Exemplo Aula 3-03/09/
17 Formatação de fonte O texto dentro de tags <b>...</b> aparece em negrito. O texto dentro de tags <i>...</i> aparece em itálico. O texto dentro de tags <u>...</u> aparece sublinhado. A tag FONT serve para modificar o tipo, tamanho e cor da fonte. Ex.: <font face=courier size=5 color=blue>texto</font> Aula 3-03/09/
18 Exemplo Aula 3-03/09/
19 Erros comuns Esquecer o / nas tags finais. A formatação se extenderá por todo o texto. Trocar a ordem das tags aninhadas. Ex.: <b><i>texto</b></i> É considerado um erro de sintaxe e o navegador pode não mostrar o texto corretamente. Aula 3-03/09/
20 Hipertexto A característica principal da web é a interligação das páginas através de links. Um link é um elemento de uma página (normalmente mostrado como texto sublinhado) que conecta a página a outra página ou recurso. Quando o usuário clica no link, o navegador carrega a página conectada, não importando sua localização física. Seguindo links, o usuário pode visitar páginas relacionadas rapidamente, mesmo que essas páginas estejam em computadores a quilômetros de distância um do outro. Texto com links é chamado de hipertexto. Aula 3-03/09/
21 Inserindo links As tags <a>...</a> são colocadas ao redor do texto que servirá de link. O endereço da página conectada é especificado pelo atributo HREF. O endereço pode ser absoluto ou relativo. Absoluto: URL da página Ex.: <a href= >UFF</a> Relativo: arquivo no mesmo servidor e diretório da página atual. Ex.: <a href= teste.html >Teste</a> Por default, os navegadores exibem links não-visitados na cor azul e links visitados na cor roxa. Aula 3-03/09/
22 Exemplo Aula 3-03/09/
23 Imagens Imagens podem ser inseridas em uma página utilizandose a tag <img>. Navegadores comuns são capazes de mostrar imagens nos formatos GIF e JPEG. Para mostrar outros formatos, o navegador pode precisar de um plug-in. Um tag IMG normalmente tem dois atributos: SRC: especifica o endereço da imagem. O endereço pode ser absoluto ou relativo. ALT: especifica um texto a ser mostrado caso a imagem não possa ser mostrada. Alguns navegadores mostram esse texto quando o mouse é passado por cima da imagem. Aula 3-03/09/
24 Exemplo Aula 3-03/09/
25 Listas Quando organizamos texto nas páginas, é conveniente colocar itens similares em listas. A linguagem HTML permite a especificação de dois tipos de lista: Lista ordenada: os itens são numerados em sequência. Especificada pelos tags <ol>...</ol>. Lista não-ordenada: os itens não são numerados, mas são precedidos por círculos. Especificada pelos tags <ul>...</ul>. Nos dois tipos de lista, cada item fica dentro de tags <li>...</li>. Aula 3-03/09/
26 Exemplo Aula 3-03/09/
27 Formatação de listas Por default, as listas ordenadas são precedidas por números e as listas não-ordenadas são precedidas por círculos. Isso pode ser modificado usando o atributo list-styletype. Interessante para listas aninhadas. Aula 3-03/09/
28 Exemplo Aula 3-03/09/
29 Tabelas Tabelas são usadas para organizar texto e outros elementos em linhas e colunas. Um elemento de tabela é especificado pelas tags <table>...</table>. Cada linha da tabela é identificada pelos tags <tr>...</tr>. Cada item de uma linha é identificado pelos tags <td>...</td>. O número de colunas é igual ao número de itens da linha que tem mais itens. A largura de cada coluna é dada pela largura do maior item. Por default, os itens ficam alinhados a esquerda. Aula 3-03/09/
30 Exemplo Aula 3-03/09/
31 Bordas de Tabela Para inserir bordas na tabela, utiliza-se o atributo BORDER na tag TABLE. Ex.:<table border=1>...</table>. O número especifica a largura em pixels da borda. Aula 3-03/09/
32 Exemplo Aula 3-03/09/
33 Alinhando Texto e Imagens Além de servirem para organizar texto em linhas e colunas, tabelas podem ser úteis para alinhar outros elementos de HTML, por exemplo texto e imagens. O atributo ALIGN serve para mudar o alinhamento de um item da tabela. Ex.:<td align=center>...</td>. Aula 3-03/09/
34 Exemplo Aula 3-03/09/
35 Outras dicas A cor de fundo da página pode ser modificada através do atributo BGCOLOR do tag BODY. Ex.: <body bgcolor=lightgrey> As cores em HTML são especificadas pelos nome em inglês ou por uma sequência de 6 digitos hexadecimais precedida do símbolo #. Ex.: <body bgcolor=#00000f> Aula 3-03/09/
36 Acessando a página Para que a página possa ser vista na web, é necessário fazer o upload da página para um servidor de web. Há empresas que vendem espaço em seus servidores. Os arquivos adicionais (por exemplo, imagens com endereço relativo) também devem ser colocados no servidor. Aula 3-03/09/
HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Leia maisHTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Leia maisHTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
Leia maisConstrução de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
Leia maisPROFESSORA 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 maisWebdesign 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 maisTarlis Portela Web Design HTML
Tarlis Portela Web Design HTML HTML Definição HTML (acrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) ; É uma linguagem de marcação utilizada
Leia maisTECNOLOGIA 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 mais3. 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 maisHTML (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 maisHTML. HyperText Markup Language. Elaborado por Marco Soares
HTML HyperText Markup Language 1 HTML É uma linguagem de marcação utilizada para produzir páginas web As páginas web ou documentos html podem ser interpretados por navegadores web/browsers tais como Google
Leia maisInformática I. Aula 4. http://www.ic.uff.br/~bianca/informatica1/ Aula 4-05/09/2007 1
Informática I Aula 4 http://www.ic.uff.br/~bianca/informatica1/ Aula 4-05/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia mais20/02/2014. <HTML> Introdução </HTML> Web
Introdução 1 Web 2 1 Web 3 Web 4 2 Web 5 Browsers 6 3 Editores 7 Editores 8 4 Aula Teórica-prática Etiquetas (tags) base Etiqueta principal e que deve abranger todo o código;
Leia maisMó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 maisHTML. 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 maisTabelas. 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 maisCEEP-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 maisFormatação de Textos e Caracteres
Formatação de Textos e Caracteres Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos. Estilos físicos: ... - destaca o texto em negrito ... - exibe o
Leia maisREDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Leia maisIntrodução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Leia maisAULA 01 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 01 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Leia maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Desenvolvimento de Sistemas. Disciplina: Programação para WEB I
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Desenvolvimento de Sistemas Disciplina: Programação para WEB I Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Conhecer os recursos
Leia maisCurso 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 maisLinguagem XHTML -Aula 3 Cleverton Hentz
Linguagem XHTML -Aula 3 Cleverton Hentz Sumário da Aula Tags Básicas da Linguagem Lista Ordenadas e não ordenadas Imagens, Links e Âncoras 2 Tags Básicas: Trabalhando com Texto Existem algumas tags que
Leia maisINTRODUÇÃO A PROGRAMAÇÃO PARA WEB
INTRODUÇÃO A PROGRAMAÇÃO PARA WEB PROF. ME. HÉLIO ESPERIDIÃO Navegador O navegador também conhecido como web browser é um programa que habilita seus usuários a interagirem com documentos hospedados em
Leia maisCOM222 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 maisO que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia maisPREFEITURA MUNICIPAL DE BLUMENAU
PREFEITURA MUNICIPAL DE BLUMENAU SECRETARIA MUNICIPAL DE EDUCAÇÃO DIRETORIA DE EDUCAÇÃO BÁSICA GERÊNCIA DE ENSINO FUNDAMENTAL COORDENAÇÃO DE INFORMÁTICA TUTORIAL/MANUAL BÁSICO SOBRE COMO UTILIZAR: Versão
Leia maisDreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
Leia maisRoteiro 01. Professor: Prof. M.Sc. Odilon Corrêa da Silva. Curso: Engenharia de Computação. Disciplina: Programação para WEB
Roteiro 01 Professor: Prof. M.Sc. Odilon Corrêa da Silva Curso: Engenharia de Computação Disciplina: Programação para WEB Roteiro 01 Objetivos Apresentar os conceitos básicos do HTML Criar listas em páginas
Leia maisCSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
Leia maisProgramaçã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 maisProgramação Web Aula 2 XHTML/CSS/XML
Programação Web Aula 2 XHTML/CSS/XML Departamento de Informática UFPR 17 de Fevereiro de 2014 1 Histórico 2 Funcionamento 3 Atributos 4 HTML5 Estrutura de uma arquivo HTML5 Validação Tags básicas Seleção
Leia mais17/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 maisRecursos Complementares (Tabelas e Formulários)
Linguagem de Programação para Web Recursos Complementares (Tabelas e Formulários) Prof. Mauro Lopes 1-31 30 Objetivo Nesta aula iremos trabalhar o conceito de tabelas e todas as tags associadas ao seu
Leia maisPROGRAMAÇÃ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 maisElementos Básicos HTML e Formatação de textos
Elementos Básicos HTML e Formatação de textos O Html é uma linguagem de marcação (markup languages em inglês). As linguagens que combinam texto com informações extras sobre o texto. Essas informações extras
Leia maisIntroduçã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 maisIntrodução ao HTML André Luiz Silva de Moraes Instituto Federal de Santa Catarina
Introdução ao HTML André Luiz Silva de Moraes Hypertext Markup Language Linguagem de Marcação de Hipertexto Padroniza a Escrita do texto Permite que um navegador reconheça elementos para inserir em uma
Leia maisTECNOLOGIA WEB INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML
INTRODUÇÃO CONSTRUÇÃO DE PÁGINAS ESTÁTICAS HTML / XHTML 1 INTRODUÇÃO TECNOLOGIA WEB Começaremos desvendando o poder do desenvolvimento de aplicações baseadas na Web com a XHTML (Extensible HyperText Markup
Leia maisCSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
Leia maisDesenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
Leia maisTAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>
HTML DDW TAGS O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. conteúdo da tag Toda tag aberta, deve ser fechada, salvo raras exceções, nesses casos
Leia maisHTML - Definição e Conceitos
1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no
Leia maisAula 6: Frames. Pré-requisitos: Os temas das aulas 2 e 5, e a forma como se define cores apresentada na aula 4, serão muito importantes para frames.
Aula 6: Frames Você certamente já visitou páginas organizadas em áreas diferenciadas que podiam ser usadas, redimensionadas movidas para cima ou para baixo independentemente. Pois essa possibilidade de
Leia maisInformática Básica. Aula 2.9 Formatação no Writer. Prof. Dr. Bruno Moreno
Informática Básica Aula 2.9 Formatação no Writer Prof. Dr. Bruno Moreno bruno.moreno@ifrn.edu.br 2 Notas de Rodapé Menu Inserir / Notas de Rodapé Para isso, o cursor de texto deve estar onde a nota será
Leia maisProgramação para Internet. Professor Pedro Ramires 1º Informática
Programação para Internet Professor Pedro Ramires 1º Informática Introdução a Web HTML é a sigla em inglês para HiperText Markup Language, que em português significa linguagem para marcação de hipertexto.
Leia maisMini-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 maisHTML. 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 maisDepende de algumas habilidades. O tamanho. Virtualmente ilimitado. Mercado. Estatisticamente crescente.
DevStart Módulo 1: O mercado Depende de algumas habilidades. O tamanho Virtualmente ilimitado. Mercado Estatisticamente crescente. Durante a economia difícil. As possibilidades Durante a economia sadia.
Leia maisMó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 maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisAula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
Leia maisComo criar uma página WEB
Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou
Leia maisMini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton
Mini-Curso Expotec 2010 Professores: Paulo Vítor, Jackson, Raimundo, Lucas e Cleverton Sumário da Aula Introdução Introdução à XHTML Introdução à Folhas de Estilo (CSS) A Ferramenta Dreamweaver CS4 2 O
Leia maisHTML: TEXTOS SUMÁRIO. Cabeçalhos para títulos e sub-títulos Parágrafos
HTML: TEXTOS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Cabeçalhos para títulos e sub-títulos Parágrafos Quebras de linhas Blocos
Leia maisOs 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 maisSíntese da aula anterior
Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações Foi também disponibilizado um formulário de ajuda em html com as tags principais Sítio da aula anterior: http://www.marcosoares.com/aia/11/aula_2010_04_16/
Leia maisAlgoritmia e Programação APROG HTML. Introdução. Nelson Freire (ISEP DEI-APROG 2014/15) 1/15
APROG Algoritmia e Programação HTML Introdução Nelson Freire (ISEP DEI-APROG 2014/15) 1/15 O que é o HTML? Sumário Geral Documento HTML Elemento HTML Estrutura Básica de Documento HTML Elementos Títulos
Leia maisProjeto Integrador. Pesquisa HTML5. Green Friday. Gestão em Tecnologia da Informação. Turma 1º B
Projeto Integrador Green Friday Pesquisa HTML5 Gestão em Tecnologia da Informação Turma 1º B Versão : 1.0.0 Equipe Cristiano Margarida Rodrigues Idealização e arquitetura Tiago Dariel Gois Marques - Teste
Leia mais<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Leia maisLinks, Imagens e Tabelas
Links, Imagens e Tabelas Criar um link em um texto significa estabelecer uma ligação com outra página, outro texto, que o leitor pode abrir clicando numa palavra, grupo de palavras ou em uma imagem. Para
Leia maisHTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Leia maisInformática I. Aula 12. Aula 12-29/05/2006 1
Informática I Aula 12 http://www.ic.uff.br/~bianca/informatica1/ Aula 12-29/05/2006 1 Ementa Histórico dos Computadores Noções de Hardware e Software Microprocessadores Sistemas Numéricos e Representação
Leia maisInformática I. Aula 7. Aula 7-17/09/2007 1
Informática I Aula 7 http://www.ic.uff.br/~bianca/informatica1/ Aula 7-17/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisLINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON
COMPONENTES: ROBSON EDMILSON O HTML (Hiper Text Mark-up Language) é uma linguagem de programação hipertexto. O HTML tem códigos para criar páginas na web. Estes códigos que definem o tipo de letra, qual
Leia maisSumário. 1- Notícias. 1.1 Publicando uma nova notícia Blocos de edição
O site desenvolvido pela SH3 é intuitivo, totalmente gerenciado através de um painel de administração. Nele o usuário responsável será mantenedor de todas as informações e configurações existentes, podendo
Leia maisWord. Introdução. Introdução. Introdução. Interface padrão Margem esquerda da página. Interface padrão
Introdução Word Prof. Leandro Tonietto Cursos de Informática Unisinos Março-2008 É um editor de textos... ou processador de textos. Editores de texto X processadores de texto. Editor Notepad Kwrite Textpad
Leia maisDreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora).
6188 - DreamweaverCC Plano de Aula - 24 Aulas (Aulas de 1 Hora). Aula 1 Capítulo 1 - Noções Básicas 1.1. Novidades do Dreamweaver CC... 23 1.1.1. Aplicativo Creative Cloud... 24 1.2. Área de Trabalho...
Leia maisWebdesign 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 maisPara visualizar corretamente configurar a tela para 1024 x 768 pixels. Tabelas
Para visualizar corretamente configurar a tela para 1024 x 768 pixels Tabelas Sumário Alinhamento de conteúdo Autoformatação Barra suspensa Como criar uma tabela Como excluir elementos Como inserir elementos
Leia maisTecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos
TecWeb Tecnologias Web Prof. Esp. Douglas Mariano dos Santos Sobre mim Formado na FAU: Faculdade Alfa de Umuarama Sistemas para Internet Formado na FCV MBA em Desenvolvimento para Aplicativos Móveis Trabalhou
Leia maisAdobe. Dreamweaver CS4
Adobe Dreamweaver CS4 ÍNDICE CAPÍTULO 1 INICIANDO O DREAMWEAVER... 7 CONHECENDO A TELA DO DREAMWEAVER... 8 CAPÍTULO 2 INICIANDO A CRIAÇÃO DO SITE... 15 REDIMENSIONANDO A JANELA DO DOCUMENTO... 18 INSERINDO
Leia maisHyperText 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 maisIntroduçã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 maisAplicação para Web I. Manipulando Imagens e Links
Aplicação para Web I Manipulando Imagens e Links Antes de começar O HTML também é uma linguagem de programação, então deve ser organizada de forma identada também. Estamos aprendendo agora a linguagem
Leia maisINTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2
1 INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Rhavy Maia Guedes rhavy.maia@gmail.com Hiperlinks
Leia maisCentro de Competência Entre Mar e Serra
1. Como utilizar o Moodle 1.1. O Editor de Texto do Moodle Ao longo do seu trabalho no Moodle irá encontrar vários dos campos das janelas de introdução de dados que permitem texto formatado, mediante um
Leia maisProgramação Web - HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Programação Web - HTML Professor: Saulo Henrique Cabral Silva HTML Início em 1980, Tim Bernes-Lee Implementado Pascal. 1989, o CERN investiu esforços
Leia maisHiperlinks. Hiperlinks. Hiperlinks. Tag <a></a> Hiperlinks 07/05/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 2 Documentos hipertexto permitem estabelecer fluxos
Leia maisQUEM 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 maisPlano de Aula - DreamWeaver CC - cód Horas/Aula
Plano de Aula - DreamWeaver CC - cód. 6188 24 Horas/Aula Aula 1 Capítulo 1 - Noções Básicas Aula 2 1 - Noções Básicas Aula 3 Capítulo 2 - Site do DreamWeaver Aula 4 2 - Site do DreamWeaver 1.1. Novidades
Leia maisI. A LINGUAGEM HTML II. TAGS ESTRUTURA BÁSICA DE UM DOCUMENTO HTML
I. A LINGUAGEM HTML A linguagem HTML (Hyper Text Markup Language Linguagem de Marcação de Hipertexto) é uma linguagem utilizada para produzir páginas na Web (WWW World Wide Web), criada por Tim Berners-Lee
Leia maisDezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.
Universidade Federal Fluminense Dezembro/2012 1 2 3 4 5 6 7 8 Informações principais Base da Web: - Um esquema de nomes para localização de fontes de informação na Web : URL. - Um Protocolo de acesso para
Leia maisRoteiro 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 maisO que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
Leia mais<title>introdução a HTML</title>
introdução a HTML programação para a Internet prof. Vilson Heck Junior O que é HTML Hypertext Markup Language: Linguagem de Marcação de Hipertexto; É uma coleção de TAGs
Leia maisInformática Básica. Aula 04 Internet e aplicativos
Informática Básica Aula 04 Internet e aplicativos Navegadores Nos últimos anos foram desenvolvidos vários tipos de aplicativos para visualizar as páginas dos sites desejados. O que são os NAVEGADORES?
Leia maisEste é o primeiro nível Este é o segundo nível Este é o terceiro nível Este é o quarto nível Este é o quinto nível Este é o sexto nível
1. Conhecendo as Tags HTML Agora que já vimos como é um arquivo HTML básico, podemos começar a ver as tags que irão construir as páginas. Elas ficam após o comando e neste local já se pode começar a escrever
Leia maisUniversidade Federal de Campina Grande Reunião REHISA Compartilhamento de Dados. Tutorial TWiki. Marília Silva Dantas.
Universidade Federal de Campina Grande Reunião REHISA Compartilhamento de Dados Tutorial TWiki Marília Silva Dantas marilia@hidro.ufcg.edu.br Campina Grande, Abril de 2007 Tutorial TWiki Imagine você um
Leia maisInformática I. Aula 8. Aula 8-19/09/2007 1
Informática I Aula 8 http://www.ic.uff.br/~bianca/informatica1/ Aula 8-19/09/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisObrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet.
Obrigado por adquirir o GNOTE da IDEON Brazil, o mais moderno gerenciador de conteúdos da Internet. Esse manual foi desenvolvido com o intuito de que você use de maneira eficaz os recursos que ele oferece
Leia maisF E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
Leia maisTabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Leia maisIntrodução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
Leia maisProf. Fernando Gonçalves Abadia. Sistemas Multimídias
Prof. Fernando Gonçalves Abadia Sistemas Multimídias Títulos Títulos são definidos com as tags a . A define o título maior. A define o título menor. este é um título este
Leia maisInformática I. Aula 2. Ementa
Informática I Aula 2 http://www.ic.uff.br/~bianca/informatica1/ Aula 2-29/08/2007 1 Ementa Noções Básicas de Computação (Hardware, Software e Internet) HTML e Páginas Web Internet e a Web Javascript e
Leia maisProgramaçã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