GUIA BARE BONES HTML. by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996

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

Download "GUIA BARE BONES HTML. by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996"

Transcrição

1 GUIA BARE BONES HTML by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996 A última versão deste documento está disponível em: < O Guia lista todas as tags que as versões correntes da maioria dos browsers pode reconhecer. Incluí todas as tags da especificação de HTML 3.2, assim como as extensões da Netscape incluídas nas versões do Netscape Navigator 3.05b em diante. Este Guia foi feito da forma mais concisa possível; mais informações sobre HTML estão disponíveis na minha WWW Help Page. Comentários e sugestões são sempre bem-vindos. Sumário 1. MATERIAL INTRODUTÓRIO O que é único neste guia Quais tags HTML estão incluídas Como este documento está formatado (incluíndo uma descrição de símbolos e abreviações) 2. TAGS HTML elementos básicos (todo documento HTML deve ter isso) definição estrutural (aparência controlada pelas preferências do navegador) formatação de apresentação (o autor especifica a aprarência do texto) links e gráficos divisores listas fundo de tela (backgrounds) e cores caracteres especiais formulários tabelas frames (traduzidos como "molduras" no Netscape 4) java diversos Importante: Se você não está certo das diferenças entre HTML 2.0, HTML 3.0, HTML 3.2, e extensões do Netscape, sugiro que você leia a declaração dow3c sobre o desenvolvimento do HTML. ELEMENTOS BÁSICOS Página 1 de 10

2 Tipo de Documento <HTML></HTML> (começo e final de um arquivo) Título <TITLE></TITLE> (deve estar no cabeçalho <HEAD>) Cabeçalho <HEAD></HEAD> (Informação descritiva, como o título) Corpo <BODY></BODY> (conteúdo da página) DEFINIÇÃO ESTRUTURAL Cabeçalho <H?></H?> (a especificação define 6 níveis) Alinhar Cabeçalho Divisão Alinhar Divisão <H? ALIGN=LEFT CENTER RIGHT></H?> [*] <DIV></DIV> <DIV ALIGN=LEFT RIGHT CENTER></DIV> Citação de Bloco <BLOCKQUOTE></BLOCKQUOTE> [*] (geralmente mostrado como indetado) Ênfase <EM></EM> (geralmente mostrado como itálico) Ênfase forte <STRONG></STRONG> (geralmente mostrado como bold) Citação <CITE></CITE> (geralmente itálico) Código <CODE></CODE> (para listagens de código fonte) Exemplo Entrada de Teclado Variável <SAMP></SAMP> <KBD></KBD> <VAR></VAR> Definição <DFN></DFN> (não amplamente Endereço do Autor Tamanho de Fonte Grande Tamanho de Fonte Pequena <ADDRESS></ADDRESS> <BIG></BIG> <SMALL></SMALL> FORMATAÇÃO DE APRESENTAÇÃO Página 2 de 10

3 Negrito Itálico <B></B> <I></I> N3.0b Sublinhado <U></U> (ainda não amplamente Riscado <STRIKE></STRIKE> (ainda não amplamente N3.0b Strikeout <S></S> (ainda não amplamente Subscrito Superescrito <SUB></SUB> <SUP></SUP> Teletipo <TT></TT> (mostra em fonte de tamanho único) Pré-formatado <PRE></PRE> (mantém o espaçamento original) Largura <PRE WIDTH=?></PRE> (em caracteres) Centraliza <CENTER></CENTER> [*] (funciona em texto e imagens) N1.0 Piscar <BLINK></BLINK> (a tag mais zombada de toda a história) Tamanho de Fonte <FONT SIZE=?></FONT> (varia de 1 a 7) Mudar Tamanho de Fonte N1.0 Tamanho de Fonte Padrão Cor da Fonte N3.0b Selecionar Fonte N3.0b Texto Colunado N3.0b Espaço entre Colunas N3.0b Largura das Colunas N3.0b Espaçador N3.0b Tipo de Espaçador N3.0b Tamanho do Espaçador N3.0b Dimensões do Espaçador N3.0b Alinhamento do Espaçador <FONT SIZE="+ -?"></FONT> <BASEFONT SIZE=?> (de 1 a 7; padrão é 3) <FONT COLOR="#$$$$$$"></FONT> <FONT FACE="***"></FONT> <MULTICOL COLS=? ></MULTICOL> <MULTICOL GUTTER=? ></MULTICOL> <MULTICOL WIDTH=? ></MULTICOL> <SPACER> <SPACER TYPE=horizontal vertical block> <SPACER SIZE=?> <SPACER WIDTH=? HEIGHT=?> <SPACER ALIGN=left right center> (padrão é 10 pixels) Página 3 de 10

4 Linkar algo LINKS E GRÁFICOS <A HREF="URL"></A> Linkar à âncora <A HREF="URL#***"></A> (caso em outro documento) <A HREF="#***"></A> (caso no documento) N2.0 Janela de Destino <A HREF="URL" TARGET="*** _blank _self _parent _top"></a> Definir âncora <A NAME="***"></A> Relacionamento <A REL="***"></A> (não amplamente Relacionamento Reverso Mostra Imagem Alignment <A REV="***"></A> (não amplamente <IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP BOTTOM MIDDLE LEFT RIGHT> N1.0 Alinhamento <IMG SRC="URL" ALIGN=TEXTTOP ABSMIDDLE BASELINE ABSBOTTOM> Texto Alternativo <IMG SRC="URL" ALT="***"> (se a imagem não for mostrada) Mapa de Imagem <IMG SRC="URL" ISMAP> (requer um script) Mapa de Imagem/Cliente Descrição do Mapa Seções do Mapa <IMG SRC="URL" USEMAP="URL"> <MAP NAME="***"></MAP> <AREA SHAPE="RECT" COORDS=",,," HREF="URL" NOHREF> Dimensões <IMG SRC="URL" WIDTH=? HEIGHT=?> (em pixels) Borda <IMG SRC="URL" BORDER=?> (em pixels) Espaço em torno da Imagem N1.0 Imagem de baixa resolução <IMG SRC="URL" HSPACE=? VSPACE=?> <IMG SRC="URL" LOWSRC="URL"> N1.1 Client Pull <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> (em pixels) (carrega antes da imagem normal) N2.0 Objeto Embutido <EMBED SRC="URL"> (insere um objeto na página) N2.0 Tamanho do Objeto <EMBED SRC="URL" WIDTH=? HEIGHT=?> Página 4 de 10

5 DIVISORES Parágafos <P></P> [*] (tag de fechamento às vezes desnecessária) Alinhamento de Texto <P ALIGN=LEFT CENTER RIGHT></P> [*] Quebra de Linha <BR> (Para de escrever na linha corrente) Limpar Fluidez de Texto Barra Horizontal Alinhamento <BR CLEAR=LEFT RIGHT ALL> <HR> <HR ALIGN=LEFT RIGHT CENTER> Densidade <HR SIZE=?> (em pixels) Largura <HR WIDTH=?> (em pixels) N1.0 Largura em Porcentagem <HR WIDTH="%"> (em relação à página) Barra Sólida <HR NOSHADE> (Sem o visual 3D) N1.0 Sem Quebra <NOBR></NOBR> (previne quebras de página) N1.0 Quebra de Palavra <WBR> (quando quebrar uma palavra, se preciso.) Lista com Marcadores Compacta <UL><LI></UL> LISTAS <UL COMPACT></UL> (<LI> antes de cada item da lista) Tipo de Marcador <UL TYPE=DISC CIRCLE SQUARE> (para toda lista) <LI TYPE=DISC CIRCLE SQUARE> (esta e subsequentes) Lista Ordenada <OL><LI></OL> (<LI> antes de cada item da lista) Compacta Tipo de Numeração <OL COMPACT></OL> <OL TYPE=A a I i 1> <LI TYPE=A a I i 1> (para toda lista) (esta e subsequentes) Número de Início <OL START=?> (para toda lista) <LI VALUE=?> (esta e subsequentes) Página 5 de 10

6 Lista de Definição <DL><DT><DD></DL> (<DT>=termo, <DD>=definição) Compacta <DL COMPACT></DL> Lista de Menu <MENU><LI></MENU> (<LI> antes de cada item da lista) Compact <MENU COMPACT></MENU> Lista de Diretório <DIR><LI></DIR> (<LI> antes de cada item da lista) Compacta <DIR COMPACT></DIR> Imagem de Fundo FUNDOS DE TELA E CORES <BODY BACKGROUND="URL"> Cor de Fundo <BODY BGCOLOR="#$$$$$$"> [*] (a ordem é RGB) Cor do Texto <BODY TEXT="#$$$$$$"> [*] Cor do Link <BODY LINK="#$$$$$$"> [*] Cor do Link Visitado <BODY VLINK="#$$$$$$"> [*] Link Ativo <BODY ALINK="#$$$$$$"> [*] (Mais informações em CARACTERES ESPECIAIS (estes devem estar em minúsculas) Caracteres Especiais &#?; (onde? vai o código ISO ) < < > > & & " " Marca Registrada (TM) Direitos Autorais Espaço sem quebra (Lista completa em Página 6 de 10

7 Definir Formulário FORMULÁRIOS <FORM ACTION="URL" METHOD=GET POST></FORM> N2.0 Upload de Arquivo <FORM ENCTYPE="multipart/formdata"></FORM> Campo de Entrada (Input) Nome de Campo Valor do Campo <INPUT TYPE="TEXT PASSWORD CHECKBOX RADIO IMAGE HIDDEN SUBMIT RESET"> <INPUT NAME="***"> <INPUT VALUE="***"> Checado? <INPUT CHECKED> (caixas de opção e rádio) Tamanho do Campo <INPUT SIZE=?> Máxima Qtd de Dados Lista de Selecão Nome da Lista <INPUT MAXLENGTH=?> <SELECT></SELECT> <SELECT NAME="***"></SELECT> # de Opções <SELECT SIZE=?></SELECT> (caracteres) (caracteres) Multipla Escolha <SELECT MULTIPLE> (pode-se selecionar mais de uma opção) Opção <OPTION> (Podem ser selecionados) Opção Padrão Tamanho da Área de Texto Nome do Campo <OPTION SELECTED> <TEXTAREA ROWS=? COLS=?></TEXTAREA> <TEXTAREA NAME="***"></TEXTAREA> N2.0 Quebra de Texto <TEXTAREA WRAP=OFF VIRTUAL PHYSICAL></TEXTAREA> TABELAS Definir Tabela <TABLE></TABLE> [*] Borda da Tabela Espaço entre as Células Cell Padding <TABLE BORDER=?></TABLE> <TABLE CELLSPACING=?> <TABLE CELLPADDING=?> Largura Desejada <TABLE WIDTH=?> (em pixels) Página 7 de 10

8 Largura em Porcentagem Linha da Tabela Alinhamento <TABLE WIDTH="%"> <TR></TR> <TR ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM VALIGN=TOP BOTTOM MIDDLE> (porcentagem da página) Célula da Tabela <TD></TD> (deve aparecer entre Linhas da Tabela) Alinhamento Sem Quebra de Linhas Ocupar? Células Ocupar? Linhas <TD ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM VALIGN=TOP BOTTOM MIDDLE> <TD NOWRAP> <TD COLSPAN=?> <TD ROWSPAN=?> N1.1 Desired Width <TD WIDTH=?> (em pixels) N1.1 Largura em Porcentagem N3.0b Cor da Célula <TD WIDTH="%"> Cabeçalho de Tabela <TH></TH> Alinhamento Sem quebras de Linha Ocupar? Células Ocupar? Linhas <TD BGCOLOR="#$$$$$$"> <TH ALIGN=LEFT RIGHT CENTER MIDDLE BOTTOM VALIGN=TOP BOTTOM MIDDLE> <TH NOWRAP> <TH COLSPAN=?> <TH ROWSPAN=?> N1.1 Largura desejada <TH WIDTH=?> (en pixels) N1.1 Largura em Porcentagem N3.0b Cor da Célula Legenda da Tabela <TH WIDTH="%"> <TH BGCOLOR="#$$$$$$"> <CAPTION></CAPTION> (porcentagem da tabela) (negrito e centralizado) (porcentagem da tabela) Alinhamento <CAPTION ALIGN=TOP BOTTOM> (acima/abaixo da tabela) FRAMES (MOLDURAS) N2.0 Documento em Frame <FRAMESET></FRAMESET> (ao invés de <BODY>) Página 8 de 10

9 N2.0 Altura de Linhas <FRAMESET ROWS=,,,></FRAMESET> N2.0 Altura de Linhas <FRAMESET ROWS=*></FRAMESET> N2.0 Largura das Colunas N2.0 Largura das Colunas <FRAMESET COLS=,,,></FRAMESET> <FRAMESET COLS=*></FRAMESET> N3.0b Largura da Borda <FRAMESET BORDER=?> N3.0b Bordas N3.0b Cor das Bordas <FRAMESET FRAMEBORDER="yes no"> <FRAMESET BORDERCOLOR="#$$$$$$"> (pixels ou %) (* = tamanho relativo) (pixels ou %) (* = tamanho relativo) N2.0 Definir Frame <FRAME> (o conteúdo de cada frame, individualmente) N2.0 Mostrar Documento <FRAME SRC="URL"> N2.0 Nome do Frame <FRAME NAME="***" _blank _self _parent _top> N2.0 Largura da Margem N2.0 Altura da Margem N2.0 Barras de Rolagem? N2.0 Não Mudar Tamanho N3.0b Bordas N3.0b Cor de Bordas N2.0 Conteúdo sem Frames <FRAME MARGINWIDTH=?> <FRAME MARGINHEIGHT=?> <FRAME SCROLLING="YES NO AUTO"> <FRAME NORESIZE> <FRAME FRAMEBORDER="yes no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES> JAVA (margens esquerda e direita) (margens superior e inferior) (para Navegadores que não mostram frames) Applet Nome de Arquivo do Applet Parâmetros <APPLET></APPLET> <APPLET CODE="***"> <APPLET PARAM NAME="***"> Página 9 de 10

10 Localização do Applet <APPLET CODEBASE="URL"> Identificador de Applet <APPLET NAME="***"> (para referências futuras na página) Texto Alternativo <APPLET ALT="***"> (para Navegadores sem Java) Alinhamento <APPLET ALIGN="LEFT RIGHT CENTER"> Tamanho <APPLET WIDTH=? HEIGHT=?> (em pixels) Espaçamento <APPLET HSPACE=? VSPACE=?> (em pixels) DIVERSOS Comentários <!-- *** --> (não são mostrados no Navegador) Prólogo HTML 3.2 <!DOCTYPE HTML PUBLIC "- //W3C//DTD HTML 3.2//EN"> [*] Pesquisável <ISINDEX> (indica um índice que pode se fazer buscas ) Lembrete (Prompt) <ISINDEX PROMPT="***"> (texto para colocar na entrada de dados) Envia Busca <A HREF="URL?***"></a> (use interrogação -?) URL dessa página <BASE HREF="URL"> (deve estar no cabeçalho) N2.0 Janela/Frame Base <BASE TARGET="***"> (deve estar no cabeçalho) Relacionamento <LINK REV="***" REL="***" HREF="URL"> (deve estar no cabeçalho) Meta-Informação <META> (deve estar no cabeçalho) Folhas de Estilo <STYLE></STYLE> (ainda não amplamente suportadas) Scripts <SCRIPT></SCRIPT> (ainda não amplamente suportadas) Copyright 1995, 1996 Kevin Werbach. Redistribuição não-comercial permitida. Este guia não é um produto da Bare Bones Software; a similaridade dos nomes é pura coincidência. Conte do LISTA DE TAGS Vers o em Texto Home Page do Kevin Página 10 de 10

Lista de elementos do HTML

Lista de elementos do HTML Lista de elementos do HTML GERAL (todos os documentos HTML devem ter estes comandos.) Tipo de Documento (início e fim de arquivo) Titulo (Title ) (deve estar no cabeçalho.

Leia mais

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html

Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento

Leia mais

Formatação de Textos e Caracteres

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

Leia mais

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011

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

Leia mais

Tabelas Div Span Frames Formulários

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

Leia mais

Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011

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

Leia mais

17/01/2016 PROGRAMAÇÃO EM AMBIENTE WEB I UM POUCO DE HISTÓRIA WWW. Tudo começou com a ARPANET; 1977 ARPANET nasce

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

Leia mais

</H1>... <H6>... </H6>

</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 mais

PROGRAMAÇÃO EM AMBIENTE WEB I

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

Leia mais

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

Leia mais

Roteiro de Estudos e Atividades Avaliativas HTML

Roteiro de Estudos e Atividades Avaliativas HTML Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar

Leia mais

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape

Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham ape INTRODUÇÃO A PROGRAMAÇÃO HTML Os slides que seguem mostram os principais comandos da linguagem HTML. Conhecer o código HTML possibilita a criação de páginas leves que contenham apenas os comandos necessários

Leia mais

Recursos Complementares (Tabelas e Formulários)

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

Leia mais

HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto

HTML 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 mais

4. Características Gerais das Tabelas do HTML

4. Características Gerais das Tabelas do HTML 4. Características Gerais das Tabelas do HTML Curso de Extensão em HTML PUCRS A criação de uma tabela começa pelo tag e termina pelo tag. Antes do texto de cada linha da tabela você deve inserir o tag

Leia mais

O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2

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

Leia mais

HTML. Professor Victor Sotero. html

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,

Leia mais

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

Programação para Internet I

Programação para Internet I Programação para Internet I Aula 05 e 06 Fernando F. Costa nando@fimes.edu.br 1 Tags de Formatação de Texto - Permite que um texto se mova de um lado para o outro da página. Sintaxe:

Leia mais

HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011

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 mais

HTML Página 36. Índice

HTML Página 36. Índice PARTE - 6 HTML Página 36 Índice Tabelas... 37 Construindo tabelas Marcação TABLE... 37 Título da Tabela Marcação CAPTION... 37 Cabeçalho da tabela (table headings) Marcação TH... 37 Dados da tabela (table

Leia mais

HyperText Markup Language HTML. Tabela

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

Leia mais

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

HyperText Markup Language HTML. Formulário

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

Leia mais

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

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

Leia mais

Tabelas. table <table>...</table>

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

Leia mais

O que faz um servidor/navegador web? 30/03/2017 Rômulo da Silva Lima Slid e 2

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

Leia mais

Dezembro/2012. Universidade Federal Fluminense. Curso de Introdução ao HTML. SeTel- Grupo PET-Tele. Adicionando links e imagens. Tabelas.

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

Leia mais

TecWeb Tecnologias Web. Prof. Esp. Douglas Mariano dos Santos

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

Leia mais

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão

1. HTML - Introdução. Hyper Text Markup Language. É uma linguagem de formatação de conteúdos. Portável. Ficheiros de pequena dimensão 1. HTML - Introdução Hyper Text Markup Language É uma linguagem de formatação de conteúdos Não é uma linguagem de programação Portável Não depende da plataforma em que é vizualizado Ficheiros de pequena

Leia mais

Implementando e manipulando Tabelas

Implementando 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 mais

Ferramentas para Multimídia e Internet - 1486

Ferramentas para Multimídia e Internet - 1486 1 Ferramentas para Multimídia e Internet - 1486 HTML BÁSICO: O que é uma página WEB? Uma página WEB, também conhecida pelo termo inglês webpage, é uma "página" na World Wide Web, geralmente em formato

Leia mais

HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext)

HTML. HyperText Markup Language. v Rui Menino. Tags de marcação. Referência. (Linguagem de marcação de hypertext) HTML HyperText Markup Language (Linguagem de marcação de hypertext) Tags de marcação Referência v1.1 2008-2017 Rui Menino tags Para formatar e paginar o texto dentro de uma página html, foi definido o

Leia mais

PROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes

PROGRAMAÇÃO PARA INTERNET. Prof.: Jean Carlo Mendes PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes carlomendes@yahoo.com.br http://www.jeancarlomendes.com.br HTML Tabelas - As tabelas em HTML são criadas através das tags e - Algumas

Leia mais

Informática I. Aula 3. Aula 3-03/09/2007 1

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

Leia mais

ftp://ftp.cr-df.rnp.br/pub/netinfo/training/rnp/kit-bsb/html/guia2.zip dezembro 1995 Tutorial - Autoria em World Wide Web

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

Leia mais

O elemento para definição de uma tabela é <TABLE> sendo finalizada com </TABLE>. Este elemento prevê sub-elementos para sua composição.

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

Leia mais

Fábio Borges de Oliveira. HTML HyperText Markup Language

Fábio Borges de Oliveira. HTML HyperText Markup Language Fábio Borges de Oliveira HTML HyperText Markup Language linha 1 ítem 1 linha 2 linha 3 linha 4 Pré-formatação linha 5 Imagens

Leia mais

TAGS. O HTML trabalha com o sistema de tags (etiquetas). Esse sistema funciona da seguinte maneira. <tag>conteúdo da tag</tag>

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

Leia mais

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>

Tabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr> Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo

Leia mais

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML

CEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma

Leia mais

Compêndio códigos. <html>

Compêndio códigos. <html> Compêndio códigos ADVERTÊNCIA: A que se segue é apenas uma lista com as tags de HTML e os seus possíveis atributos, não pretende de modo algum ser um manual. Pressupõe, portanto, que já se saiba

Leia mais

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza

Webdesign HTML. Introdução a HTML e as principais tags da linguagem. Thiago Miranda dos Santos Souza Webdesign HTML Introdução a HTML e as principais tags da linguagem Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net Objetivos Apresentar a HTML

Leia mais

Links, Imagens e Tabelas

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

Leia mais

Tarlis Portela Web Design HTML

Tarlis 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 mais

HTML: INTRODUÇÃO TAGS BÁSICAS

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

Leia mais

20/02/2014. <HTML> Introdução </HTML> Web

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;

Leia mais

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos:

Introdução. HyperText Markup Language HTML. Tag de Delimitação. Sintaxe. Tag de Presença. Atributos. Existem dois tipos de atributos: Introdução HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Linguagem de Marcação de Hipertexto. Uma

Leia mais

Introdução à linguagem HTML. Volnys Borges Bernal

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

Leia mais

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos

CURSO BÁSICO DE HTML Alessandro S Silveira. Lista de tags e atributos CURSO BÁSICO DE HTML Alessandro S Silveira Lista de tags e atributos Os tags apresentados aqui formam uma compilação das definições oficiais da linguagem mais as extensões introduzidas por empresas como

Leia mais

Internet & HTML Internet & HTML Pedro Costa / 2004

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

Leia mais

Prof. Erwin Alexander Uhlmann 1/7/2010

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

Leia mais

Linguagem XHTML -Aula 3 Cleverton Hentz

Linguagem 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 mais

Desenvolvimento de Aplicações para Internet

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

Leia mais

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.).

HTML. Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). HTML Um documento HTML é constituído por um conjunto de TAGS (ex. html, head, body, etc.). Para se criar um novo documento HTML pode-se utilizar o Bloco de Notas, bastando para tal gravar o documento com

Leia mais

Prof. Fernando Gonçalves Abadia. Sistemas Multimídias

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

Leia mais

Sintaxe Básica da Linguagem CSS

Sintaxe Básica da Linguagem CSS Sintaxe Básica da Linguagem CSS Regras - Regra CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta por três partes: um seletor,

Leia mais

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

Leia mais

Programação para Internet I 3. HTML. Nuno Miguel Gil Fonseca

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

Leia mais

Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.

Volnys 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 mais

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.)

Módulo 17E. Revisões de HTML. A) Noções básicas de HTML (cont.) Módulo 17E Revisões de HTML A) Noções básicas de HTML (cont.) Inserção de Imagens A inserção de imagens em documentos HTML é feita através da tag (que não tem tag de fecho). A indicação do local

Leia mais

Programação e Designer para WEB

Programação e Designer para WEB Programação e Designer para WEB html Prof. Rodrigo Rocha prof.rodrigorocha@yahoo.com http://www.bolinhabolinha.com Apresentação Onde Estamos Introdução a hipertexto. A linguagem. Ambientes para programação

Leia mais

Modelo de formateo visual em CSS

Modelo de formateo visual em CSS Programação Web Modelo de formateo visual em CSS Conferencia 6 MSc. Yoenis Pantoja Zaldívar Recordando Atributos das caixas largura borde margen fundo altura recheio Resumo Tipos de posicionamento. Visualização

Leia mais

Mini-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 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 mais

HyperText Markup Language HTML

HyperText Markup Language HTML HyperText Markup Language HTML Prof. Luis Nícolas de Amorim Trigo nicolas.trigo@ifsertao-pe.edu.br http://professor.ifsertao-pe.edu.br/nicolas.trigo/ Introdução Linguagem de Marcação de Hipertexto. Uma

Leia mais

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10

HTML HTML. Criação de Páginas WEB. Caracteres especiais < < > > Sessão 10 HTML Sessão 10 HTML HTML permite que caracteres especiais sejam representados por sequências de escape, indicadas por três partes: um & inicial, um número ou cadeia de caracteres correspondente ao caractere

Leia mais

HTML. Conceitos básicos de formatação de páginas WEB

HTML. Conceitos básicos de formatação de páginas WEB HTML Conceitos básicos de formatação de páginas WEB HTML HyperText Markup Language Linguagem utilizada para criar hipertexto na web Ou seja, criar documentos estruturados utilizando para tal um conjunto

Leia mais

HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web

HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web Programação Na Web HyperText Markup Language (HTML) Desenho de Documentos na World Wide Web 1 António Gonçalves Agenda Introdução ao HTML Criar e publicar uma página Web Validar uma documento Elementos

Leia mais

Síntese da aula anterior

Síntese da aula anterior Síntese da aula anterior Na última aula, aprendemos a utilizar em html: Tabelas Hiperligações 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 mais

1 INTRODUÇÃO 4 2 APLICAÇÕES

1 INTRODUÇÃO 4 2 APLICAÇÕES ÍNDICE 1 INTRODUÇÃO 4 2 APLICAÇÕES 5 2.1 BROWSERS 5 2.2 FTP 6 2.3 GOPHER 6 2.4 NEWSGROUP 6 2.5 CORREIO ELETRÔNICO 6 2.6 TELNET 6 3 INFORMAÇÕES ADICIONAIS 7 3.1 O ACESSO À INTERNET 7 3.1.1 Requisitos de

Leia mais

Curso de HTML. Rone Ilídio

Curso de HTML. Rone Ilídio Curso de HTML Rone Ilídio HTML HyperText Mark-up Language Linguagem criação de páginas Apresenta informações Formada por tags, exemplo: Tag H1: dados marcados com h1 Interessante: Acesse qualquer

Leia mais

Introdução à Tecnologia Web

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.

Leia mais

Curso PHP Básico. Jairo Charnoski do Nascimento

Curso PHP Básico. Jairo Charnoski do Nascimento Curso PHP Básico Jairo Charnoski do Nascimento Agenda Ferramentas necessárias Introdução HTML HTML? Tags Construindo seu primeiro website Observações sobre a estrutura Mais tags Atributos Agenda Cores

Leia mais

Fábio Borges de Oliveira. HTML HyperText Markup Language

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

Leia mais

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

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

Leia mais

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

Leia mais

APOSTILA. Curso de HTML com PHP HTML. Pablo Dapont

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

Leia mais

SIMULADOS & TUTORIAIS

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

Leia mais

INTRODUÇÃO AO DESENVOLVIMENTO WEB

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

Leia mais

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo

TECNOLOGIA WEB. XHTML Aula 5. Profa. Rosemary Melo TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo HTML (Hiper Text Markup Language) Linguagem de marcação de hipertexto Comum especificar o conteúdo do documento e sua formatação em um só documento HTML.

Leia mais

Tecnologias para apresentação de dados - HTML. Aécio Costa

Tecnologias para apresentação de dados - HTML. Aécio Costa Tecnologias para apresentação de dados - HTML Aécio Costa Apresentação de Dados na Web Tecnologias client-side HTML CSS JavaScript HyperText Markup Language Uma linguagem de marcação utilizada para produzir

Leia mais

OPERAÇÃO DE SOFTWARE E APLICATIVOS

OPERAÇÃO DE SOFTWARE E APLICATIVOS OPERAÇÃO DE SOFTWARE E APLICATIVOS 1 SUMÁRIO 1 INTRODUÇÃO A WEB... 4 1.1 O QUE É A WORLD WIDE WEB?... 4 1.2 COMO FUNCIONA A WWW?... 4 1.3 SERVIDORES WEB... 4 1.4 BROWSERS... 4 1.5 PADRÕES DA WEB... 5 1.6

Leia mais

Guia de Bolso HTML e XHTML

Guia de Bolso HTML e XHTML Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação

Leia mais

Programação Web Aula 2 XHTML/CSS/XML

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

Leia mais

Maurício Samy Silva. Novatec

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

Leia mais

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos.

HTML Curso Básico HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. HTML CURSO BÁSICO Aprenda os conceitos iniciais de HTML em alguns minutos. 1 Índice 1 - INTRODUÇÃO 3 2 - TAGS 3 3 - EDITORES 3 4 - SALVANDO UMA PAGINA HTML 3 5 - INICIANDO UMA PÁGINA 3 6 - CONSTRUINDO

Leia mais

IFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links

IFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links Propriedades básicas para fontes: color: cor da fonte font-family: tipo de fonte font-size: tamanho

Leia mais

Adicionando mais tags HTML

Adicionando 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 mais

HTML HyperText Markup Language

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

Leia mais

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas

HTML. Sessão 4 HTML. Criação de Páginas WEB. Tabelas HTML Sessão 4 HTML É por vezes interessante fazer com que uma célula se expanda de forma a incorporar a célula imediatamente abaixo ou ao lado (o que em folhas de cálculo como o Microsoft Excel se denomina

Leia mais

3. Construção de páginas web Introdução ao HTML

3. Construção de páginas web Introdução ao HTML 3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,

Leia mais

HTML & CSS. uma introdução

HTML & 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 mais

HTML HyperText Markup Language (Linguagem de Marcação de HiperTexto)

HTML HyperText Markup Language (Linguagem de Marcação de HiperTexto) HTML HyperText Markup Language (Linguagem de Marcação de HiperTexto) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Noções Básicas Estrutura de uma

Leia mais

Como criar uma página WEB

Como 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 mais

HTML: Listas, Tabelas e Formulários CST Sistemas para Internet

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

Leia mais

Comandos Extras Formatações no CSS

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

Leia mais

Programação para Web HTML - Parte 2

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

Leia mais

PROGRAMAÇÃO EM AMBIENTE WEB I

PROGRAMAÇÃO EM AMBIENTE WEB I PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com CSS As folhas de estilo em cascata são mecanismos usados para adicionar estilos em

Leia mais

TECNOLOGIA WEB CRIANDO TABELAS

TECNOLOGIA WEB CRIANDO TABELAS TECNOLOGIA WEB CRIANDO TABELAS USANDO UM ARQUIVO CSS ATRAVÉS DE UM LINK INTERNO DIGITE O CÓDIGO ABAIXO no bloco de notas, Notepad++ ou no amaya: OBS. 01: Em vermelho temos os comentários do código e em

Leia mais