GUIA BARE BONES HTML. by Kevin Werbach traduzido por: Maurício Wolff Versão 3.0 Formatada de julho de 1996
|
|
- Luiz Guilherme Bastos Zagalo
- 6 Há anos
- Visualizações:
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 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 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 maisFormatação de Textos e Caracteres
Formatação de Textos e Caracteres Os comandos de formatação de caracteres são divididos em dois grupos: lógicos e físicos. Estilos físicos: ... - destaca o texto em negrito ... - exibe o
Leia 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 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 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 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 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 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 maisHTML 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 maisRoteiro de Estudos e Atividades Avaliativas HTML
Roteiro de Estudos e Atividades Avaliativas HTML Faça essa atividade de forma individual ou em dupla, faça o máximo de questões que conseguir. Pesquise na Web o significado das tags e utilize-as para alcançar
Leia 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 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 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 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 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 maisHTML. Professor Victor Sotero. html
HTML Professor Victor Sotero html 1 Conceito Linguagem com a finalidade de marcação de hipertexto, sendo assim escritas páginas da web, e interpretada pelo navegador. As páginas contém um código fonte,
Leia maisMini-curso de PHP. Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva
Mini-curso de PHP Aulas ministradas por: André Luis de Paula Arthur Kalsing Diego Silva Aula 1 Breve introdução de HTML, Conceitos básicos de PHP, Sintaxe, Separador de instruções e Comentários (Cap 1
Leia 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 maisHTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Leia maisHTML 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 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 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 maisHyperText 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 maisCOM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Leia 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 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 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 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 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 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 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 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 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 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 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 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 maisFá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 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 maisTabelas. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, linhas horizontais, etc. <table> <tr>
Tabelas HTML Tabelas Tabelas São definidas pela tag Uma tabela é dividida em linhas -com a tag Cada linha divida em células de dados (com a tag ). As letras td são um acronimo
Leia maisCEEP-CENTRO ESTADUAL DE EDUCAÇÃO PROFISSIONAL PEDRO BOARETTO NETO INTERNET E PROGRAMAÇÃO WEB INICIO DE HTML
INICIO DE HTML Neste tutorial usaremos o já conhecido Notepad++ ou Bloco de Notas e um Browser (Chrome, Mozilla ou Internet Explorer). Para nossos exemplos usaremos o Chrome. A estrutura básica de uma
Leia maisCompê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 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 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 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 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 maisIntroduçã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 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 maisCURSO 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 maisInternet & 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 maisProf. 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 maisLinguagem XHTML -Aula 3 Cleverton Hentz
Linguagem XHTML -Aula 3 Cleverton Hentz Sumário da Aula Tags Básicas da Linguagem Lista Ordenadas e não ordenadas Imagens, Links e Âncoras 2 Tags Básicas: Trabalhando com Texto Existem algumas tags que
Leia maisDesenvolvimento 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 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 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 maisSintaxe 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 maisRecurso 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 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 maisVolnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Leia 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 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 maisModelo 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 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 maisHyperText 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 maisHTML 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 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 maisHyperText 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 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 mais1 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 maisCurso 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 maisIntroduçã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 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 maisFá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 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 maisFormulá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 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 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 maisINTRODUÇÃ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 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 maisTecnologias 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 maisOPERAÇÃ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 maisGuia 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 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 maisMaurí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 maisHTML 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 maisIFSC/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 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 maisHTML 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 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 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 & 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 maisHTML 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 maisComo criar uma página WEB
Como criar uma página WEB Utilização de comandos HTML Luís Manuel Borges Gouveia versão 1.1 Dezembro, 1996 Requisitos necessários para criar ou editar uma página Web um navegador (browser): Netscape ou
Leia maisHTML: 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 maisComandos 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 maisProgramaçã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 maisPROGRAMAÇÃ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 maisTECNOLOGIA 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