</H1>... <H6>... </H6>
|
|
|
- Ana Júlia Palhares Osório
- 6 Há anos
- Visualizações:
Transcrição
1 HTML <html>... </html> *Todo arquivo html tem que ter esse corpo no início e no fim do arquivo. <head>... </head> *É o cabeçalho, contém todas as informações necessárias para o navegador ou servidor processar o documento html, para coisas como título, informações de procura, etc. <title>... </title> *É o título do documento, aparece apenas uma vez no cabeçalho. <meta http-equiv= ## > *Protocolo de resposta (o que se deseja). <meta content= ## >*Habilita a colocar qualquer informação que deseja processar no servidor, navegador ou bot. <body>... </body> *Pode conter cabeçalhos, parágrafos, listas, tabelas, links para outros documentos, imagens, formulários, animações, vídeos, sons e scripts embutidos. <body BGCOLOR="#rrggbb" TEXT="#rrggbb" LINK="#rrggbb" ALINK="#rrggbb" VLINK="#rrggbb" BACKGROUND="URL" > *BGCOLOR --- cor de fundo (quando não é indicada, o browser irá mostrar uma cor padrão, geralmente o cinza ou branco; alguns editores poderão estabelecer o branco para o fundo da página). TEXT --- cor dos textos da página (padrão: preto). LINK --- cor dos links (padrão: azul). ALINK --- cor dos links, quando acionados (padrão: vermelho). VLINK --- cor dos links, depois de visitados (padrão: azul escuro ou roxo). <H1>... </H1>... <H6>... </H6> *É para definir o tamanho da letra em determinada parte do texto. <H2 ALIGN= CENTER >... </H2> *Cabeçalho centralizado. <H3 ALIGN= RIGHT >... </H3> *Cabeçalho alinhado à direita. <H4 ALIGN= LEFT > </H4> *Cabeçalho alinhado à esquerda. <BR> *Quebra de linha. <P>... </p> *Onde começa o parágrafo e onde termina. <P ALIGN= CENTER >... </p> *Parágrafo centralizado. <P ALIGN= RIGHT >... </p> *Parágrafo alinhado a direita. <P ALIGN= LEFT >... </p> *Parágrafo alinhado a direita. <HR SIZE= 7 > *Insere uma linha de largura 7 (pixels). <HR WIDTH= 50% > *Insere uma linha que ocupa 50% do espaço horizontal disponível. <HR WIDTH= 30% ALIGN= RIGHT NOSHADE> *Insere uma linha de comprimento 30% (do espaço horizontal disponível), alinhada à direita, sem efeito tridimensional. <HR SIZE= 70 WIDTH= 2 ALIGN= LEFT > insere uma linha de largura 70 (pixels), comprimento 2 (pixels), alinhada à esquerda (o Netscape, aparentemente, não aceita esta formatação de <HR>). <pre>... </pre> *Apresenta o texto na mesma maneira em que foi digitado, mantendo quebras de linha e tabulações. <blockquote>... </blockquote> * É usado para citações longas. <address>... </address> *Usado para formatar endereços e referências a autores de documentos.
2 <CITE>... </CITE> *Para títulos de livros, filmes, e citações curtas. <CODE>... </CODE> *Para indicar trechos de código de programas. Exemplo: for (x=0); cl &&(!feof(stdin)); x++)); <DFN>... </DFN> *Indica definição de uma palavra, em geral apresenta o texto em itálico. Exemplo: CERN: Centre d Éstudes et Recherches Nucleaires. <EM>... </EM> *Ênfase, também normalmente apresentado em itálico. Exemplo: É preciso pesquisar muito para encontrar o termo exato. <KBD>... </KBD> *Indica uma entrada via teclado. Exemplo: Para ler mensagens recebidas, digite pine i. <SAMP>... </SAMP> *Indica uma seqüência de caracteres, por exemplo uma mensagem de erro ou um resultado. Exemplo: O resultado do primeiro applet é: Hello, World! <STRONG>... </STRONG> *Forte ênfase, mostrado normalmente em negrito. Exemplo: Antes de enviar um , confira o campo Subject:! <VAR>... </VAR> *Indica variáveis, ou valores que o usuário deverá escrever; geralmente mostrado em itálico. Exemplo: No campo Login, escreva guest. <B>... </B> *Quando disponível no browser, é mostrado em negrito (em alguns browsers, pode aparecer sublinhado). <I>... </I> *Itálico (em alguns casos, caracteres inclinados). <U>... </U> *Sublinhado; deve ser usado com cuidado, pois confunde-se com a apresentação de links. <STRIKE>... </STRIKE> ou <S> </S> *Frase riscada. <BIG>... </BIG> *Fonte um pouco maior. <SMALL>... </SMALL> *Fonte um pouco menor. <SUB>... </SUB> *Frase em estilo índice, como em H 2 O. <SUP>... </SUP> *Frase em estilo expoente, como em Km 2. <DL> <DT>termo a ser definido <DD>definição <DT>termo a ser definido <DD>definição </DL> *Listas de Definição. <UL> <LI> item de uma lista <LI>item de uma lista, que pode ser tão grande quanto se queira, sem que seja necessário se preocupar com a formatação das margens de texto <LI>item </UL> *Listas nãonumeradas. <OL> ou <OL TYPE= I > ou <OL START= 4 TYPE= A > <LI>item de uma lista numerada <LI>item de uma lista numerada, que pode ser tão grande quanto se queira, sem que seja necessário se preocupar com a formatação das margens de texto <LI>item de lista numerada </OL> *Listas Numeradas. <FONT COLOR="#rrggbb" > Texto </FONT> *Assim, um trecho de texto pode ter uma cor diferente da definição geral de cores. <FONT SIZE= tamanho_da_letra > Texto </FONT> *Permite que o autor do documento altere o tamanho das letras em trechos específicos de texto. <FONT FACE="fonte_da_letra" > Texto </FONT> *Uma evolução que permite a escolha da fonte para os textos.
3 <BLINK> frase </BLINK> *Efeitos que chamam a atenção do leitor. <MARQUEE BEHAVIOR= efeito > Texto </MARQUEE> ou <MARQUEE BEHAVIOR= SCROLL WIDTH= 30% > Texto </MARQUEE> ou <MARQUEE BEHAVIOR= SLIDE DIRECTION= RIGHT > Texto </MARQUEE> *É possível obter o efeito de animação de texto. <A HREF="arq_destino" > âncora </A> *Para inserir um link em um documento, indica o arquivo de destino da ligação de hipertexto. <A TARGET="arq_destino" > âncora </A> *Indica o frame em que será carregado o arq_destino. Maiores detalhes na seção sobre frames. <A NAME="arq_destino" > âncora </A> *Marca um indicador, isto é, uma região de um documento como destino de uma ligação. <A HREF="exemplos/doc2.html" > exemplo de caminho relativo </A> *O caminho relativo pode ser usado sempre que queremos fazer referência a um documento armazenado no mesmo servidor do documento atual. <A HREF=" > Laboratório de Engenharia de Software </A> *Utilizamos o caminho absoluto quando desejamos referenciar um documento que esteja em outro servidor, por exemplo. <IMG SRC="URL_imagem" > *O elemento IMG insere imagens que são apresentadas junto com os textos. <IMG SRC="URL_imagem" ALT="descrição_da_imagem" > *Indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. <IMG SRC="imagem" ALT="descrição" WIDTH="largura" HEIGHT="altura" > *Atributos de dimensão da imagem, em pixels. <A HREF="URL" > <IMG SRC="imagem" ALT="descrição" BORDER= 4 > </A> *Quando uma frase é marcada como âncora de um link, ela se apresenta sublinhada; quando uma imagem faz as vezes de âncora, ganha uma borda que indica sua condição. <IMG SRC="imagem" ALT="descrição" ALIGN= alinhamento > *ALIGN atributos de alinhamento. TOP, MIDDLE, BOTTOM, RIGHT, LEFT. <IMG SRC="imagem" VSPACE= espaço_vertical > ou <IMG SRC="imagem" HSPACE= espaço_horizontal > *Atributos de moldura. Estes atributos definem o espaço - vertical e horizontal - deixado entre as imagens e os textos circundantes. <TABLE>... </TABLE> *Delimita uma tabela. <TABLE BORDER="4" > *Um atributo básico é BORDER, que indica a apresentação da borda. <CAPTION>...</CAPTION> *Define o título da tabela. <TR>... </TR> *Delimita uma linha. <TH>... </TH> *Define um cabeçalho para colunas ou linhas (dentro de <TR>). <TD>... </TD> *Delimita um elemento ou célula (dentro de <TR>).
4 <TABLE BORDER= 4 > <CAPTION>Primeiro exemplo</caption> <TR><TH>Coluna 1</TH><TH>Coluna 2</TH></TR> <TR><TD>linha1, coluna 1</TD><TD> linha 1, coluna 2</TD></TR><TR><TD>linha 2, coluna 1</TD><TD>linha 2, coluna 2</TD></TR></TABLE> *Exemplo. <TABLE BORDER= 1 ><TR><TH COLSPAN= 2 >Colunas 1 e 2</TH></TR><TR><TD>linha1, coluna 1</TD><TD> linha 1, coluna 2</TD></TR><TR><TD>linha 2, coluna 1</TD><TD>linha 2, coluna 2</TD></TR><TR><TH ROWSPAN= 3 >3 linhas</th><td>uma linha</td></tr><tr><td>duas linhas</td></tr><tr><td>tres linhas</td></tr></table> *Exemplo. <TD ALIGN= alin_horizontal >Texto da célula</td *Os alinhamentos padrão em tabelas. LEFT, CENTER, RIGHT. <TD VALIGN= alin_vertical >Texto da célula</td> *TOP, MIDDLE, BOTTOM. <TR ALIGN= alin_horizontal VALIGN= alin_vertical >Texto da célula</tr> *Alinhamentos de linhas. <TABLE BORDER= 1 CELLPADDING= 20 CELLSPACING= 20 > *Atributos de espaçamento. <TABLE BORDER= 5 CELLSPACING= 5 CELLPADDING= 10 BGCOLOR="#E1FFD9" > *Cor de fundo. <TABLE BORDER= 5 CELLSPACING= 5 CELLPADDING= 10 BGCOLOR="#E1FFD9" BORDERCOLOR="#00FF00" > *Cor de borda. <TABLE BORDER= 5 BACKGROUND="imagem" > *Imagem de fundo. <HTML> <HEAD><TITLE>Assunto X</TITLE></HEAD> <FRAMESET COLS="20%, 80%" > <FRAME SRC="indice1.html" ><FRAME SRC="apresenta.html" NAME="principal" ><NOFRAME><BODY><H2>Bem-vindo à página do assunto X!</h2><P>Blá blá blá blá blá</body></noframe></frameset></html> *Os frames são divisões da tela do browser em diversas telas (ou quadros ). <HTML><HEAD><TITLE>Assunto X</TITLE></HEAD><FRAMESET COLS = "20%, 80%" ><FRAME SRC="indice1.html" ><FRAME SRC="apresenta.html" NAME= principal ><NOFRAME> <BODY> <H2>Bem-vindo à página do assunto X!</h2> <P>Blá blá blá blá blá</body></noframe></frameset></html> *Sempre que se aciona um link dentro de uma página, o default (isto é, o comportamento padrão) é que a página referente a esse link seja carregada na mesma janela da página anterior. <FRAMESET COLS="x,y"><FRAME SRC="col1.html"><FRAME SRC="col2.html"></FRAMESET> *Montar dois frames em coluna. <FRAMESET ROWS="x,y"><FRAME SRC="lin1.html"><FRAME SRC="lin2.html"></FRAMESET> *Dois frames em linha. <FORM ACTION="URL_de_script" METHOD= método >...</FORM> *Um formulário é um modelo para a entrada de um conjunto de dados. Method = POST ou GET. <INPUT TYPE= TEXT NAME="Nome"> *Campo de dados texto.
5 <INPUT TYPE= PASSWORD NAME="senha"> *Campo de dados senha. <INPUT TYPE= TEXT NAME="nome" VALUE="Seu nome"> *Exemplo. <INPUT TYPE= TEXT SIZE= 35 > *Exemplo. <INPUT TYPE= TEXT NAME="ex" MAXLENGHT= 2 > *número de caracteres aceitos em um campo de dados; este atributo só é válido para campos de entrada TEXT e PASSWORD. <INPUT TYPE= CHECKBOX NAME="esporte" VALUE="volei" CHECKED >Vôlei <br><input TYPE= CHECKBOX NAME="esporte" VALUE="futebol" >Futebol *Múltipla escolha. <INPUT TYPE= RADIO NAME="time" VALUE="aea" CHECKED>AEA <br><input TYPE= RADIO NAME="time" VALUE="naut" >Náutico *Escolha única. <INPUT TYPE= SUBMIT > *SUBMIT apresenta o botão que causa o envio dos dados de entrada para o servidor. <INPUT TYPE= SUBMIT VALUE="Envia mensagem" > *É possível modificar o rótulo desse botão através do atributo VALUE. <INPUT TYPE= RESET > *RESET restaura os valores iniciais das entradas de dados. <INPUT TYPE= RESET VALUE="Apaga tudo!" > *É possível modificar o rótulo desse botão através do atributo VALUE. <SELECT NAME="sabor" ><OPTION>Abacaxi<OPTION>Crème<OPTION> Morango <OPTION>Chocolate</SELECT> *Apresenta uma lista de valores, através de campos OPTION. <SELECT NAME="sabor" SIZE= 4 MULTIPLE> *Com o atributo MULTIPLE, define-se que se pode selecionar mais de um item (pressionando a tecla Shift do teclado enquanto se selecionam os itens). <TEXTAREA COLS= 40 ROWS= 5 NAME="comentario" > Deixe seu comentário </TEXTAREA> *abre uma área para entrada de texto, de acordo com atributos para número de colunas, linhas, e se for o caso - um valor inicial. <EMBED SRC="audio.som"> *Insere o arquivo de som como objeto. <BGSOUND SRC="audio.som" > *Faz com que o som seja inserido como som de fundo ou 'trilha sonora' de uma. <EMBED SRC="arquivo.mov" > *A inserção de vídeo depende bastante do tipo de arquivo de vídeo que temos para inserir em uma página.
Tabelas 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
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
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
Mini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Prof. Daniel Oliveira
Prof. Daniel Oliveira Introdução ao HTML Formatação de textos Links Imagens Introdução ao HTML HTML (HyperText Markup Language - Linguagem de Formatação de Hipertexto) União dos padrões HyTime e SGML.
Tabelas. 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
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
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,
Tabelas. 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
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,
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
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
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
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
Links, 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
Formataçã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
Desenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
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
INTRODUÇÃO AO DESENVOLVIMENTO WEB
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO Tabelas A tag permite a criação de tabelas com linhas e colunas Tabelas devem ser utilizadas para organizar e apresentar dados
HTML AULA 2 Microlins - Web e Design Capítulo 2 Rondonópolis 14 de Maio de Mayza de
HTML AULA 2 Microlins - Web e Design Capítulo 2 Rondonópolis 14 de Maio de 2011 Mayza de Oliveira @mayzaoliveira mayza.deoliveira@gmail.com FORMATANDO TEXTO Formatar o texto é alterar as suas propriedades
Recursos 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
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:
APOSTILA. 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
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
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
O 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
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
Tabelas. 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
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
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
LINGUAGEM 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
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
HTML. 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,
Programação Web Prof. Wladimir
Programação Web Prof. Wladimir HTML - Formulários @wre2008 1 Sumário Formulários HTML @wre2008 2 Formulários: Muitos elementos de um formulário html são definidos pela tag . Cada tipo de elemento
Introdução à Tecnologia Web
Introdução à Tecnologia Web HTML HyperText Markup Language XTML extensible HyperText Markup Language Elementos da Seção do Corpo Tabelas Formulários Professor Alan Cleber Borim www.alanborim.com.br Índice.
O 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
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
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
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
O 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
Dezembro/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
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.
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
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
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet
HTML: Listas, Tabelas e Formulários CST Sistemas para Internet Marx Gomes Van der Linden ( Material baseado no original de Marcelo José Siqueira Coutinho de Almeida ) Listas Listas de itens são bastante
HTML. Leonardo Gresta Paulino Murta
HTML Leonardo Gresta Paulino Murta leomurta@gmail.com Introdução a HTML Formulários em HTML Critério para escolha de campos Agenda Leonardo Murta HTML 2 HTML HyperText Markup Language Criada por Tim Berners-
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,
HyperText Markup Language HTML. Formulário
HyperText Markup Language HTML Formulário Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução O usuário interage com os serviços
Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Elementos da Seção do Corpo Resumo
IntroduçãoàTecnologiaWeb HTML HyperTextMarkupLanguage XHTML extensiblehypertextmarkuplanguage ElementosdaSeçãodoCorpo Resumo ProfªMSc.ElizabeteMunzlinger ProfªMSc.ElizabeteMunzlinger ElementosdaSeçãodoCorpo
20/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;
Aula 05 HTML FORMULÁRIOS Prof. Daniela Pires Sumário
Sumário FORMULÁRIO EM HTML... 2 FORM... 2 ACTION... 2 METHOD... 2 INPUT... 2 INPUT TYPE TEXT... 2 INPUT TYPE PASSWORD... 2 CHECKBOX - Múltipla escolha... 4 RADIO - Escolha única... 4 Botões de ação...
Disciplina: Programação para WEB
Recordando... Na aula anterior foi apresentado: - Introdução a disciplina; - Introdução a Internet; - Introdução ao HiperTexto; - Introdução ao HTML; - Tags HTML: - - -
Internet & HTML Internet & HTML Pedro Costa / 2004
Internet & HTML Pedro Costa / 2004 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
Prof. 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
Introduçã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
Informá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
Construçã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
GUIA BARE BONES HTML. by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996
GUIA BARE BONES HTML by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada -- 21 de julho de 1996 A última versão deste documento está disponível em: . O Guia
Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento,
HTML Formulários são áreas onde se inserem campos que permitem uma troca de informações maior entre usuários e desenvolvedores de sites HTML Até o momento, HTML mostrou-se uma linguagem bastante adequada
Maurício Samy Silva. Novatec
Maurício Samy Silva Novatec Sumário Agradecimentos...13 Sobre o autor...13 Introdução...15 Para quem foi escrito este livro... 15 Convenções tipográficas... 16 Site do livro... 18 Capítulo 1 O que é (X)HTML?...20
TecWeb 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
Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
![Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]](/thumbs/64/51151119.jpg "Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]")
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 15/04/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Lista de tags, atributos
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)
SIMULADOS & 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
HTML: 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
HTML HyperText Markup Language
Tecnologias para Web Design HTML HTML HyperText Markup Language ÿ Estrutura documentos a serem apresentados por agentes de usuários ex. browsers ÿ O texto de um documento é incluído diretamente no código
Sí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/
Programaçã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
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Um Formulário é uma área com entrada de dados disponível para o usuário. A ideia básica do formulário é apresentar campos
Comandos Extras Formatações no CSS
Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro
Projeto 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
ftp://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
Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos,
Regras básicas que definem onde o elemento pode ou não estar. Existem dois tipos de elementos: De linha: marcam, na maioria das vezes, textos, elementos de formulários, imagens. De blocos: são como caixas,
Programaçã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
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
Fábio Borges de Oliveira. HTML HyperText Markup Language
Fábio Borges de Oliveira HTML HyperText Markup Language Iniciando Código É a primeira tag de um documento HTML, nas primeiras versões dos browsers essa tag era obrigatória. Propriedade que
Os componentes de um formulário são: Form, Input, Select e AreaText
HTML Formulário O elemento FORM, da HTML, é o responsável por prover documentos interativos no ambiente WWW de forma que uma pagina web exibida a um usuário possa submeter um conjunto de dados, informados
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Março de 2007 Sumário Página 1 INTRODUÇÃO À LINGUAGEM HTML...3 2 EDIÇÃO DE DOCUMENTOS
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
Programação para web HTML: Formulários
Programação para web HTML: Formulários 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, 9 de março
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
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
Treinamento em HTML. Índice
Nível: Básico Horas: 4 Treinamento em HTML Índice Índice...1 Introdução...2 Linguagem de marcação...3 Linguagem Interpretada pelo próprio browser...3 Modelo cliente / servidor...3 Casos especiais: Netscape
Prof. Erwin Alexander Uhlmann 1/7/2010
HTML 5 O html 5 é a nova versão do html 4. Foi desenvolvido para a interoperabilidade e padronização de plataformas e navegadores (motores). Compare as estruturas do html4 e do 5, abaixo: HTML 4 HTML 5
TAGS. 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
Autoria Web. Professor: Diego Oliveira. Conteúdo 03: Tags de Formulário
Autoria Web Professor: Diego Oliveira Conteúdo 03: Tags de Formulário Caminhos Os caminhos dentro de um projeto HTML podem ser Relativos ou Absolutos O caminho Relativo é o caminho a partir da página em
mkdir /srv/www/default/html/calculadora/imagens mkdir /srv/www/default/html/calculadora/blocos
Programando em PHP www.guilhermepontes.eti.br lgapontes@gmail.com Criando uma Calculadora Primeiramente deve se criar uma estrutura para armazenar os arquivos necessários para o funcionamento da calculadora.
Desenvolvimento em Ambiente Web. Prof. André Y. Kusumoto
Desenvolvimento em Ambiente Web Prof. André Y. Kusumoto andrekusumoto.unip@gmail.com Tabelas A linguagem HTML permite a construção de tabelas de dados. Praticamente, qualquer objeto pode ser colocado nas
Desenvolvimento Web. XHTML tag head e tags de texto. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web XHTML tag head e tags de texto Professor: Bruno Gomes 2012 INTRODUÇÃO
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
Roteiro 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
Formulários. Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros.
Formulários Permite ao usuário enviar informações por meio da página, em forma de pesquisa, mala direta, compra eletrônica e outros. O formulário depende de outros programas no servidor, para receber e
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
HTML -- Criação de Home Page
PPáággi innaa 1 LISTAS Na linguagem HTML existem elementos específicos para a criação de listas, que podem ser listas ordenadas (OL), listas sem ordenação (UL), ou listas de definição (DL). Um detalhe
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
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho
Apostila de Introdução à Linguagem HTML - Disponibilização de Conteúdos na WEB - Profa. Flávia Pereira de Carvalho Fevereiro de 2012 Sumário Página 1 INTRODUÇÃO À LINGUAGEM HTML... 3 2 EDIÇÃO DE DOCUMENTOS
3 HTML Tabelas, frames e formulário
3 HTML Tabelas, frames e formulário Vinicius A. de Souza va.vinicius@gmail.com São José dos Campos, 2011. 1 Sumário Desenvolvimento Web Tabelas...3 Principais atributos das tabelas...4 Principais atributos
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