Internet & HTML Internet & HTML Pedro Costa / 2004
|
|
- Ana Laura Fonseca Camilo
- 6 Há anos
- Visualizações:
Transcrição
1 Internet & HTML Pedro Costa / 2004
2 Como funcionam as páginas Web As páginas web são apenas constituídas por texto ASCII plano. Os Web browsers processam o código usado nas páginas web para mostrarem uma página web totalmente formatada. As imagens, cores e outros itens nãotexto de uma página web não estão dentro dela mesma a página web por si só é apenas texto, com formatação e referências a outros elementos (imagens, etc.)para vermos o código html de uma página web, basta-nos escolher aopção Page Source no menu View do Browser
3 Introdução ao HTML HTML significa "Hyper Text Markup Language HTML é uma colecção de texto dentro de tags que modificam o texto do documento. Todas as tags estão entre o sinal < e >. Geralmente, as tags funcionam em pares uma para activar a modificação, outra para a desactivar. As tags de desactivação começam com uma barra na frente. <TAG>texto afectado</tag>
4 Introdução ao HTML Algumas tags funcionam por si só. Dado que não têm uma tag de fecho, coloca-se uma / no final da tag. A tag Linha Horizontal <HR/> é um exemplo. A maioria das tags tem parâmetros que modificam o seu funcionamento: <TAG attribute="option" >affected text</tag>
5 Introdução ao HTML - Exemplos <i>eu quero isto em itálico</i> é processado pelo browser para mostrar: Eu quero isto em itálico <p align="center">eu quero este parágrafo centrado</p> é processado pelo browser para mostrar: Eu quero este parágrafo centrado
6 Tags Estruturais Estas são as tags básicas que têm de fazer parte de cada página web. Dizem ao browser que o documento é uma página web <HTML> <HEAD> <TITLE>Título da Página Web</TITLE> </HEAD> <BODY> Onde deve estar a parte principal da página web </BODY> </HTML>
7 Parágrafos e quebras de linha <P> texto</p> <BR /> Tag parágrafo A maioria dos browsers processa isto com uma linha em branco entre cada parágrafo. Tag quebra de linha Equivalente ao Enter. Usada quando o utilizador quer fazer um return mas não quer uma linha em branco a seguir <HR /> Tag Linha horizontal Usada para colocar uma linha separadora ao longo da página.
8 Exemplos de quebra de linhas
9 Tags de cabeçalho Tags de cabeçalho Usadas para marcar secções e subsecções de um documento. <H1>Cabeçalho1 tamanho gigante e negrito</h1> <H2>Cabeçalho2 tamanho grande e negrito</h2> <H3>Cabeçalho3 tamanho normal e negrito</h3> <H4>Cabeçalho4 tamanho pequeno e negrito</h4> <H5>Cabeçalho5 tamanho muito pequeno e negrito</h5> <H6>Cabeçalho6 fino e negrito</h6>
10 Tags de cabeçalho
11 Formatação de texto Negrito e Itálico: <B>texto que se quer a negrito</b> <I>texto que se quer a itálico</i> Alinhar texto ou gráficos (esquerda, centro e direita): <p align="left">novo parágrafo justificado à esquerda</p> <p align="center">novo parágrafo centrado</p> <p align="right">novo parágrafo justificado à direita</p>
12 Links Os links são a base do hipertexto, sem eles não haveria uma navegação linear, nem sequer seria possível navegar na web. Para construir os links usam-se os seguintes tags de ancoramento: <A HREF="URL">texto clicável para efectuar a ligação</a> A = Âncora HREF = referência de hipertexto URL = Uniform Resource Locator( um endereço web, tal como
13 Links Coisas a saber sobre ligações/links: Maiúsculas e minúsculas contam para o URL; O URL tem de ser exacto; Temos de ter alguma coisa na secção texto clicável para efectuar a ligação de modo que a ligação funcione.
14 Imagens As imagens nas páginas Web são ficheiros completamente independentes dos ficheiros HTML dessas páginas: <IMG SRC="URL-da-imagem" ALT="descrição da imagem"> As imagens são material protegido por direitos de autor, devendo apenas ser usadas com permissão.
15 Listas Existem três tipos de listas em HTML: Não ordenadas Listas marcadas (bolinha, círculo, quadrado) Ordenadas Listas numeradas (1,2,3 ou a,b,c ou I,II,III, ou i,ii,iii) Definição Listas com um "termo" e uma"definição"
16 <OL> </OL> = Lista ordenada Atributos: "type=1/a/a/i/i" <UL> </UL> = Lista não ordenada Atributos: "type=disc/circle/square <DL> </DL> = Lista definida <LI> = Item de lista (numa OL ou UL) <DT> = Termo (numa DL) <DD> = Definição (numa DL)
17 <UL> <LI> Gato persa </LI> <LI> Cão podengo </LI> <LI> Gato bravo </LI> <LI> Lobo ibérico </LI> <LI> Raposa suíça </LI> </UL>
18 <OL> <LI> Gato persa </LI> <LI> Cão podengo </LI> <LI> Gato bravo </LI> <LI> Lobo ibérico </LI> <LI> Raposa suíça </LI> </OL>
19 <DL> <DT>Persa</DT> <DD>Persa é um gato peludo!</dd> <DT>Podengo</DT> <DD>Podengo é um cão português</dd> <DT>Bravo</DT> <DD>Bravo é o gato do mato</dd> <DT>Ibérico</DT> <DD>Ibérico é o lobo da península</dd> <DT>Suíça</DT> <DD>Suíçaé uma raposa europeia</dd> </DL>
20 Tabelas As tabelas são um dos elementos mais complexos de HTML que se pode usar. Na sua forma básica, as tabelas relembram folhas de cálculo, sendo muitas vezes usadas como tal. Mas elas também podem ser usadas para fazer layouts criativos de páginas de Web Sites.
21 As tabelas proporcionam aos webdesigners a capacidadede controlarem o layout das suas páginas. Podemos usar tabelas para colocar texto em redor de imagens, para colocar texto em linhas e colunas (como emjornais), etc
22 Table <TABLE > <TR> <TD>Polícia</TD> <TR> <TD>Bombeiros</TD> <TR> <TD>EPGE</TD> </TABLE> <TD> </TD> </TR> <TD> </TD> </TR> <TD> </TD> </TR> <TABLE> </TABLE> = define uma tabela <TR> </TR> = define uma linha da tabela <TD> </TD> = define uma célula da tabela ("Table Data")
23 Table Border <TABLE BORDER=2 > <TR> <TD>Polícia</TD> <TR> <TD>Bombeiros</TD> <TR> <TD>EPGE</TD> </TABLE> <TD> </TD> </TR> <TD> </TD> </TR> <TD> </TD> </TR>
24 Table Header <TABLE BORDER=2 > <TR> <TH>Nome</TH> <TR> <TD>Polícia</TD> <TR> <TD>Bombeiros</TD> <TR> <TD>EPGE</TD> </TABLE> <TH>Telefone</TH> </TR> <TD> </TD> </TR> <TD> </TD> </TR> <TD> </TD> </TR>
25 Cellspacing
26 Cellpadding
27 Colspan <TABLE BORDER=2 CELLPADDING=4> <TR> <TH COLSPAN=2>Stock</TH> </TR> <TR> <TD>Computadores</TD> <TD>14</TD></TR> <TR> <TD>Monitores</TD> <TD>38</TD> </TR> <TR> <TD>Modems</TD> <TD>112</TD> </TR> <TR> <TH COLSPAN=2>Vendas</TH> </TR> <TR> <TD>Computadores</TD> <TD>10</TD> </TR> <TR> <TD>Monitores</TD> <TD>23</TD> </TR> <TR> <TD>Modems</TD> <TD>45</TD> </TR> </TABLE>
28 Rowspan <TABLE BORDER=2 CELLPADDING=4> <TR> <TH ROWSPAN=2>Stock</TH> <TD>Computadores</TD><TD>14</TD> </TR> <TR> <TD>Monitores</TD><TD>38</TD> </TR> <TR> <TH ROWSPAN=2>Vendas</TH> <TD>Computadores</TD><TD>10</TD> </TR> <TR> <TD>Monitores</TD><TD>23</TD </TR> </TABLE>
29
30 Exercicio Cria em html as seguintes Tabelas:
31
32 Font Tag
33 <html> <body> <p> <font size="2" face="verdana">isto é um parágrafo.</font> </p> <p> <font size="3" face="times">isto é outro parágrafo.</font> </p> </body> </html>
34 Frames As molduras ("frames") são subjanelas definidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo a janela em várias partes. Cada uma dessas partes pode apresentar uma página da Web diferente. As subjanelas são habitualmente designadas por molduras, ou "frames."
35 Vantagens e desvantagens das frames As molduras ("frames") permitem-nos apresentar mais do que uma página HTML numa única janela do browser. Cada página está dentro da sua própria moldura (subjanela) e é independente das restantes páginas. Apesar de oferecerem alguma liberdade ao facilitarem bastante a criação de barras de navegação em conjuntos de documentos com muitas páginas e de tornarem bastante mais rápido o carregamento das páginas, as molduras também podem dar origem a algumas dificuldades.
36 cols rows
37 O Elemento frameset O elemento <frameset> define a forma como a janela do browser se subdivide para acomodar as molduras. Este elemento divide a janela do browser em linhas e colunas. Os valores atribuídos às linhas e às colunas indicam a quantidade de área de écran que cada linha e cada coluna devem ocupar.
38 O Elemento <frame> O elemento <frame> define qual o documento HTML a colocar numa determinada moldura. No exemplo apresentado a primeira coluna ocupa 25% da largura da janela do browser e a segunda coluna ocupa 75% da largura. O documento "moldura_a.html" ocupa a primeira coluna e o documento "moldura_b.html" ocupa a segunda coluna: <frameset cols="25%,75%"> <frame src="moldura_a.html"> <frame src="moldura_b.html"> <frameset>
39
40
41 <frameset rows=150,*> <! o frameset tem duas linhas, a primeira mede 150--> <frame src=header.html name=header scrolling=no> <! a segunda linha é dividida em 2 colunas --> <frameset cols=150,*> <! a primeira coluna chama-se menu --> <frame src=contents.html name=menu> <! a segunda é chamada main --> <frame src=main.html name=main> </frameset> <! fim da linha 2 --> </frameset> <! fim dos frames -->
42 <! se o browser nao reconhecer frames mostrará apens o seguinte --> <noframes> <body bgcolor=fff7f9> </body> </noframes> <h3> Esta pagina esta sem frames </h3>
43 Links para frames Para que um link abra numa frame específica basta definir a propriedade target da tag do link, com o nome do frame alvo. No menu: <a href= pagina_1.html target= main >Abrir pagina_1 no main</a>
44 Exercício Recorrendo a frames, tabelas, imagens texto e links, constrói uma página sobre a tua banda favorita. Deverá conter as seguintes páginas: -Homepage Eventos, lançamentos -Historial -Álbuns -Letras -Fotos
Como criar um conjunto de subjanelas com três documentos dispostos na vertical
Mollduras ("frames") As molduras ("frames") são subjanelas definidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo a janela em várias partes. Cada uma dessas partes pode apresentar
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 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 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 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 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 mais1. 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 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 maisA 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 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 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 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 maisTags 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 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 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 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. 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 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 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 maisDesenvolvimento web I Aula 6 - Frames
Desenvolvimento web I Aula 6 - Frames Prof.: Marlon Marcon 28/03/2011 1 Frames As molduras ("frames") são subjanelas denidas sobre a janela principal do browser. Estas subjanelas são criadas dividindo
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia maisHTML 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 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 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 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 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 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 maisAdicionando mais tags HTML
Instituto Federal de Minas Gerais Campus Ponte Nova Adicionando mais tags HTML Professor: Saulo Henrique Cabral Silva Bookmark Bookmark ou demarcação de destinos para links (informações) dentro do próprio
Leia maisTabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Leia mais1 Introdução ao HTML e formatação de texto
1 Introdução ao HTML e formatação de texto Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Introdução...3 Uma visão geral do HTML...3 Estrutura do documento...3
Leia 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 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 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 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 maisTabelas. Web. Professor: Jarbas Araújo CENTRO EDUCACIONAL RADIER.
Tabelas Web Professor: Jarbas Araújo professorjarbasaraujo@gmail.com CENTRO EDUCACIONAL RADIER Página 2 Tabelas As tabelas são em HTML exatamente o que são em qualquer outro lugar. Elas servem para organizar
Leia maisCentro 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 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 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 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 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 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 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 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 maisHTML. 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 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 maisInformática I. Aula 3. Aula 3-03/09/2007 1
Informática I Aula 3 http://www.ic.uff.br/~bianca/informatica1/ Aula 3-03/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 mais4. 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</H1>... <H6>... </H6>
HTML ... *Todo arquivo html tem que ter esse corpo no início e no fim do arquivo. ... *É o cabeçalho, contém todas as informações necessárias para o navegador ou servidor processar
Leia maisLista e Tabelas. Fundamentos da Linguagem Web
Lista e Tabelas Fundamentos da Linguagem Web Bruno Angelo Medeiros Março de 2015 LISTAS O que são? Tipos Ordenadas Não ordenadas De definição Exemplos Exercícios LISTAS - O QUE SÃO? São uma forma de organização
Leia maisO elemento para definição de uma tabela é <TABLE> sendo finalizada com </TABLE>. Este elemento prevê sub-elementos para sua composição.
HTML Tabelas O elemento para definição de uma tabela é sendo finalizada com. Este elemento prevê sub-elementos para sua composição. 1. Sub-elemento Título O título de uma tabela é definido pela
Leia maisDesenvolvedor 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 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 maisPROGRAMAÇÃ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 maisDesenvolvimento 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 maisImplementando e manipulando Tabelas
Implementando e manipulando Tabelas Aplicações para Web I 31/03/2016 Tiago Alves de Oliveira - tiagofga@gmail.com 1 Tabelas As tags utilizadas para a criação de tabelas A utilização de tabelas permite
Leia maisHTML. 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 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 maisAula 3 - Desenvolvimento web I
Aula 3 - Desenvolvimento web I Prof.: Marlon Marcon 03/03/2011 1 Ligações de HiperTexto ("links") 1.1 O Elemento (âncora) e o atributo href Sintaxe para criar uma âncora: texto a mostrar
Leia maisPor que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html
Por que aprender a fazer tabelas? Tabelas auxiliam na formatação da página, e é por essa razão que eles foram acrescentados à linguagem html Tabela de dados Tabelas para alinhar texto Tabelas para conter
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 maisNavegador. Servidor. Apache
PROGRAMAÇÃO AVANÇADA PARA WEB Navegador O navegador também conhecido como web browser ou simplesmente browser é um programa que habilita seus usuários a interagirem com documentos hospedados em um servidor
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 maisHTML Página 23. Índice
PARTE - 4 HTML Página 23 Índice HTML - Frames... 24 Exemplo:... 24 Parâmetros utilizados para a marcação ... 25 Composições com Frames... 25 Exemplo 1.... 26 Exemplo 4.... 26 Parâmetros que Completam
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 maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como criar tabelas em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte por quaisquer
Leia 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 maisProgramação para Internet I 3. HTML. Nuno Miguel Gil Fonseca
Programação para Internet I 3. HTML Nuno Miguel Gil Fonseca nuno.fonseca@estgoh.ipc.pt Um dos principais responsáveis pela evolução da Internet; Tida como a linguagem da Internet; Não é na verdade uma
Leia 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 HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1
HTML Sessão 9 HTML Quem já navegou um pouco pela Internet com certeza já encontrou páginas em que, por exemplo, existe um menu estático no lado esquerdo do ecrã e o conteúdo do lado direito é que vai mudando.
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 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 maisTabelas. table <table>...</table>
Tabelas table ... Explicação: Indica o início e o final de uma determinada tabela. Todas as demais marcas referentes a tabelas - linhas e células - somente serão consideradas se incluidas
Leia 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 maisDicas básicas de marcação de HTML Hyper Text Markup Language / Linguagem de Marcação de Hipertexto
Hyper Text Markup Language / Linguagem de Marcação de Hipertexto - Linguagem de marcação utilizada para estruturar documentos de texto e de multimídia e criação de links de hipertexto entre documentos.
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 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 maisTABELAS EM HTML. Prof: André Aparecido da Silva Disponível em:
TABELAS EM HTML Prof: André Aparecido da Silva Disponível em: www.oxnar.com.br/2016/1ati/ipwaulas39a42 1 As tabelas são definidas com a tag . Uma tabela é dividida em linhas (com a tag ), e
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 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 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 maisProgramação Na Web. Molduras HTML. Agenda
Programação Na Web HTML 1 António Gonçalves Agenda Vantagens e desvantagens do uso de molduras Modelo de uma FRAME Definição de linhas e colunas num FRAMESET Atributos mais utilizados numa FRAME e FRAMESET
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 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 mais> 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 maisIntrodução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria (jfaria@fe.up.pt) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
Leia maisSIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
Leia maisHTML HTML. Centro de Form. Profissional de Alverca Formador: Cosmin Constantinescu 1
HTML Sessão 7 HTML são mapas de imagem são outro tipo de grafismo muito utilizado na Web. Trata-se de uma forma de utilizar as imagens como links, em que a imagem é dividida em zonas e em que cada
Leia maisFerramentas 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 maisCurso de PHP. - Início 22 de agosto. - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h
Curso de PHP Palestrantes: Marco Aurélio Jefson Farias - Início 22 de agosto Curso de PHP - Término 20 de outubro. - Aulas: segunda e quinta-feira - Horário:18h às 20h. - Carga horária do curso: 40h -
Leia maisGeralmente uma página com frames é constituída por dois ou três elementos básicos:
Objectivos da actividade: Frames Exemplos de frames Com 2 ficheiros Com 3 ficheiros 2 colunas 2 linhas 2 colunas a 2a. com 2 linhas 2 linhas a 2a. com 2 colunas Geralmente uma página com frames é constituída
Leia maisRoteiro 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 maisProf. Benedito Medeiros Neto-CIC FAC GRADUAÇÃO
MÓDULO II A DADOS & METADADOS: COMO ORGANIZAR - VER 1.1 Assunto: Curso de Introdução à Linguagem HTML Prof. Benedito Medeiros Neto-CIC FAC GRADUAÇÃO Disciplina: Tópicos em ONTOLOGIA NA INTERNET - OntoWeb
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 maisAPOSTILA. Curso de HTML com PHP HTML. Pablo Dapont
APOSTILA Curso de HTML com PHP HTML Pablo Dapont PET Computação - sala 202 Prédio 43424 ( prédio dos laboratórios ) Instituto de Informática - UFRGS email : pet@inf.ufrgs.br Av. Bento Gonçalves, 9500 bloco
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. História. Como funciona
Introdução O HTML é uma linguagem de marcação utilizada para desenvolvimento de sites. Esta linguagem surgiu junto com o HTTP, ambos possibilitaram a internet ser popularizada. História O HTML foi criado
Leia maisftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia2.zip dezembro 1995 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/guia2.zip dezembro 1995 Tutorial - Autoria em World Wide Web Parte II - Hypertext
Leia mais