Tutoriais

Parágrafos no HTML

Mon, 01 Sep 2014 22:42:16 GMT

Símbolos HTML

Thu, 17 Jul 2014 16:19:27 GMT

Símbolos de entidades HTML

Entidades HTML foram descritos no capítulo anterior.

Símbolos HTML como operadores matemáticos, setas, símbolos técnicos e formas, não são apresentados em um teclado normal.

Para adicionar estes símbolos para uma página HTML, você pode usar o nome da entidade HTML.

Se nenhum nome de entidade existe, você pode usar o número entidade.

Se o personagem não tem um nome de entidade, você pode usar um decimal (ou hexadecimal) de referência.

Se você usar um nome de entidade HTML ou um número hexadecimal, o personagem será sempre exibida corretamente.
Isso é independente do que o conjunto de caracteres (codigicado) sua página usa!



O exemplo acima será semelhante a este:


Será exibido €

Será exibido €

Será exibido €



Alguns símbolos matemáticos suportados pelo HTML


 
 
 Caractere
 Número
 Entidade
 Descrição
 
 
 ∀
 &#8704;
 &forall;
 quantificação universal
 
 
 ∂
 &#8706;
 &part;
 derivada
 
 
 ∃
 &#8707;
 &exist;
 quantificação existencial
 
 
 ∅
 &#8709;
 &empty;
 conjunto vazio
 
 
 ∇
 &#8711;
 &nabla;
 gradiente
 
 
 ∈
 &#8712;
 &isin;
 pertença ao conjunto
 
 
 ∉
 &#8713;
 &notin;
 não pertença ao conjunto
 
 
 ∋
 &#8715;
 &ni;
 existe ao menos um
 
 
 ∏
 &#8719;
 &prod;
 produto
 
 
 ∑
 &#8721;
 &sum;
 soma
 
 


 


Algumas letras gregas suportados pelo HTML


 
 
 Caractere
 Número
 Entidade
 Descrição
 
 
 Α
 &#913;
 &Alpha;
 Letra grega Alpha em caixa alta
 
 
 Β
 &#914;
 &Beta;
 Letra grega Beta em caixa alta
 
 
 Γ
 &#915;
 &Gamma;
 Letra grega Gamma em caixa alta
 
 
 Δ
 &#916;
 &Delta;
 Letra grega Delta em caixa alta
 
 
 Ε
 &#917;
 &Epsilon;
 Letra grega Épsilon em caixa alta
 
 
 Ζ
 &#918;
 &Zeta;
 Letra grega Zeta em caixa alta
 
 


 


Algumas Outras Entidades suportadas pelo HTML


 
 
 Caractere
 Número
 Entidade
 Descrição
 
 
 ©
 &#169;
 &copy;
 sinal de direitos autoriais / copyright
 
 
 ®
 &#174;
 &reg;
 sinal de registrado
 
 
 €
 &#8364;
 &euro;
 sinal do euro (moeda)
 
 
 ™
 &#8482;
 &trade;
 sinal de marca comercial / trademark
 
 
 ←
 &#8592;
 &larr;
 seta para esquerda
 
 
 ↑
 &#8593;
 &uarr;
 seta para cima
 
 
 →
 &#8594;
 &rarr;
 seta para direita
 
 
 ↓
 &#8595;
 &darr;
 seta para baixo
 
 
 ♠
 &#9824;
 &spades;
 naipe preto de espadas
 
 
 ♣
 &#9827;
 &clubs;
 naipe preto de paus
 
 
 ♥
 &#9829;
 &hearts;
 naipe preto de copas
 
 
 ♦
 &#9830;
 &diams;
 naipe preto de ouros

Caractere	Número	Entidade	Descrição
∀	∀	∀	quantificação universal
∂	∂	∂	derivada
∃	∃	∃	quantificação existencial
∅	∅	∅	conjunto vazio
∇	∇	∇	gradiente
∈	∈	∈	pertença ao conjunto
∉	∉	∉	não pertença ao conjunto
∋	∋	&ni;	existe ao menos um
∏	∏	∏	produto
∑	∑	∑	soma

Caractere	Número	Entidade	Descrição
Α	Α	Α	Letra grega Alpha em caixa alta
Β	Β	Β	Letra grega Beta em caixa alta
Γ	Γ	Γ	Letra grega Gamma em caixa alta
Δ	Δ	Δ	Letra grega Delta em caixa alta
Ε	Ε	Ε	Letra grega Épsilon em caixa alta
Ζ	Ζ	Ζ	Letra grega Zeta em caixa alta

Caractere	Número	Entidade	Descrição
©	©	©	sinal de direitos autoriais / copyright
®	®	®	sinal de registrado
€	€	€	sinal do euro (moeda)
™	™	™	sinal de marca comercial / trademark
←	←	←	seta para esquerda
↑	↑	↑	seta para cima
→	→	→	seta para direita
↓	↓	↓	seta para baixo
♠	♠	&spades;	naipe preto de espadas
♣	♣	&clubs;	naipe preto de paus
♥	♥	&hearts;	naipe preto de copas
♦	♦	&diams;	naipe preto de ouros

Entidades HTML

Thu, 17 Jul 2014 14:32:57 GMT

Caracteres reservados em HTML deve ser substituído por entidades de caráter.

Caracteres, e não presentes no teclado, também pode ser substituído por entidades.

Entidades HTML

Alguns personagens são reservados em HTML.

Se você usar o menor que (<) ou maior que (>) sinais em seu texto, o navegador pode misturá-los com tags.

Entidades de caracteres são usados para exibir caracteres reservados em HTML.

A entidade de caráter parecido com este:

&entity_name;
OU
&#entity_number;

Para exibir um sinal de menor que devemos escrever: < ou <

A vantagem de usar um nome de entidade, em vez de um número, é que o nome é mais fácil de lembrar.
A desvantagem é que os navegadores podem não suportar todos os nomes de entidades, mas o suporte para números é bom.

Não quebrando espaço

A entidade de caráter comum usado em HTML é que o espaço não quebra ( ).

Lembre-se que os navegadores sempre truncar espaços em páginas HTML. Se você escrever 10 espaços em seu texto, o navegador irá remover 9 deles. Para adicionar espaços reais para o seu texto, você pode usar a entidade de espaço.

Combinando sinais diacríticos

Um sinal diacrítico é um "glifo" adicionado a uma letra.

Alguns sinais diacríticos, como o crase (`) e aguda (´) são chamados acentos.

Marcas diacríticas podem aparecer tanto acima como abaixo de uma letra, no interior de uma letra, e entre as duas letras.

Marcas diacríticas pode ser usado em combinação com caracteres alfanuméricos, para produzir um carácter que não está presente no conjunto de caracteres (codificação) utilizado na página.

Aqui estão alguns exemplos:

Marca	Caractere	Estrutura	Resultado
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

Algumas outras entidades úteis

Entidades são sensíveis a caixa alta e caixa baixa (letras maiúscula e minuscula).

Resultado	Descrição	Nome da entidade	Número da entidade
	sem pausa de espaço
<	menor que	<	<
>	maior que	>	>
&	ampersand	&	&
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
€	euro	€	€
©	copyright / direitos autorais	©	©
®	registered trademark / marca registrada	®	®

Scripts no HTML

Wed, 16 Jul 2014 14:34:09 GMT

JavaScripts fazer páginas HTML mais dinâmica e interativa.

Tag

A tag

O elemento

Os usos comuns para JavaScript são de manipulação de imagem, validação de formulário, e as mudanças dinâmicas do conteúdo.

O script abaixo escreve "Olá JavaScript!" em um elemento HTML com o id = "demo":




O HTML 

A tag 

O elemento 

O conteúdo dentro do elemento 




Tags de scripts no HTML


 
 
 Tag
 Descição
 
 
 
 Define um script do lado do cliente
 
 
 
 Define um conteúdo alternativo para navegadores que não suportam script do lado do cliente

Tag	Descição
	Define um script do lado do cliente
	Define um conteúdo alternativo para navegadores que não suportam script do lado do cliente

Nome das cores HTML

Wed, 16 Jul 2014 05:04:46 GMT

Nomes das cores suportados por todos os navegadores

140 nomes de cores são definidas no HTML e CSS cor especificação (17 cores padrão, além de mais 123).A tabela abaixo lista todos eles, juntamente com os seus valores hexadecimais.

Dica: As 17 cores padrão são: aqua, preto, azul, fúcsia, cinza, verde, limão, marrom, marinho, verde-oliva, laranja, prata roxo, vermelho,, cerceta, branco e amarelo.

Cores ordenadas por nome

Nome da cor	HEX	Cor
AliceBlue	#F0F8FF
AntiqueWhite	#FAEBD7
Aqua	#00FFFF
Aquamarine	#7FFFD4
Azure	#F0FFFF
Beige	#F5F5DC
Bisque	#FFE4C4
Black	#000000
BlanchedAlmond	#FFEBCD
Blue	#0000FF
BlueViolet	#8A2BE2
Brown	#A52A2A
BurlyWood	#DEB887
CadetBlue	#5F9EA0
Chartreuse	#7FFF00
Chocolate	#D2691E
Coral	#FF7F50
CornflowerBlue	#6495ED
Cornsilk	#FFF8DC
Crimson	#DC143C
Cyan	#00FFFF
DarkBlue	#00008B
DarkCyan	#008B8B
DarkGoldenRod	#B8860B
DarkGray	#A9A9A9
DarkGreen	#006400
DarkKhaki	#BDB76B
DarkMagenta	#8B008B
DarkOliveGreen	#556B2F
DarkOrange	#FF8C00
DarkOrchid	#9932CC
DarkRed	#8B0000
DarkSalmon	#E9967A
DarkSeaGreen	#8FBC8F
DarkSlateBlue	#483D8B
DarkSlateGray	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
FireBrick	#B22222
FloralWhite	#FFFAF0
ForestGreen	#228B22
Fuchsia	#FF00FF
Gainsboro	#DCDCDC
GhostWhite	#F8F8FF
Gold	#FFD700
GoldenRod	#DAA520
Gray	#808080
Green	#008000
GreenYellow	#ADFF2F
HoneyDew	#F0FFF0
HotPink	#FF69B4
IndianRed	#CD5C5C
Indigo	#4B0082
Ivory	#FFFFF0
Khaki	#F0E68C
Lavender	#E6E6FA
LavenderBlush	#FFF0F5
LawnGreen	#7CFC00
LemonChiffon	#FFFACD
LightBlue	#ADD8E6
LightCoral	#F08080
LightCyan	#E0FFFF
LightGoldenRodYellow	#FAFAD2
LightGray	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370DB
MediumSeaGreen	#3CB371
MediumSlateBlue	#7B68EE
MediumSpringGreen	#00FA9A
MediumTurquoise	#48D1CC
MediumVioletRed	#C71585
MidnightBlue	#191970
MintCream	#F5FFFA
MistyRose	#FFE4E1
Moccasin	#FFE4B5
NavajoWhite	#FFDEAD
Navy	#000080
OldLace	#FDF5E6
Olive	#808000
OliveDrab	#6B8E23
Orange	#FFA500
OrangeRed	#FF4500
Orchid	#DA70D6
PaleGoldenRod	#EEE8AA
PaleGreen	#98FB98
PaleTurquoise	#AFEEEE
PaleVioletRed	#DB7093
PapayaWhip	#FFEFD5
PeachPuff	#FFDAB9
Peru	#CD853F
Pink	#FFC0CB
Plum	#DDA0DD
PowderBlue	#B0E0E6
Purple	#800080
Red	#FF0000
RosyBrown	#BC8F8F
RoyalBlue	#4169E1
SaddleBrown	#8B4513
Salmon	#FA8072
SandyBrown	#F4A460
SeaGreen	#2E8B57
SeaShell	#FFF5EE
Sienna	#A0522D
Silver	#C0C0C0
SkyBlue	#87CEEB
SlateBlue	#6A5ACD
SlateGray	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8

Cores HTML

Wed, 16 Jul 2014 04:43:43 GMT

As cores são combinações da luz vermelha, verde e azul .

Valores de cores

Cores CSS são definidos usando um hexadecimal (hex) notação para a combinação de vermelho, verde, e os valores de cor azul (RGB — Red, Green and Blue).O menor valor que pode ser dada a uma das fontes de luz é 0 (hexadecimal 00).O valor mais alto é 255 (FF hexadecimal).

Valores hexadecimais são escritos como 3 números de dois dígitos, começando com um sinal #.

Cor	Cor HEX	Cor RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

16 milhões de cores diferentes

A combinação de vermelho, verde e azul valores de 0 a 255 dá um total de mais de 16 milhões de cores diferentes para brincar com (256 x 256 x 256).

A maioria dos monitores modernos são capazes de exibir, pelo menos, 16384 cores diferentes.

Se você olhar para a tabela de cores abaixo, você vai ver o resultado da variação da luz vermelha de 0 a 255, mantendo a luz verde e azul em zero.

Para ver uma lista completa de cor mistura quando a luz vermelha varia de 0 a 255, clique em um dos hexagonais ou rgb valores abaixo.

Vermelho	HEX	RGB
	#000000	rgb(0,0,0)
	#080000	rgb(8,0,0)
	#100000	rgb(16,0,0)
	#180000	rgb(24,0,0)
	#200000	rgb(32,0,0)
	#280000	rgb(40,0,0)
	#300000	rgb(48,0,0)
	#380000	rgb(56,0,0)
	#400000	rgb(64,0,0)
	#480000	rgb(72,0,0)
	#500000	rgb(80,0,0)
	#580000	rgb(88,0,0)
	#600000	rgb(96,0,0)
	#680000	rgb(104,0,0)
	#700000	rgb(112,0,0)
	#780000	rgb(120,0,0)
	#800000	rgb(128,0,0)
	#880000	rgb(136,0,0)
	#900000	rgb(144,0,0)
	#980000	rgb(152,0,0)
	#A00000	rgb(160,0,0)
	#A80000	rgb(168,0,0)
	#B00000	rgb(176,0,0)
	#B80000	rgb(184,0,0)
	#C00000	rgb(192,0,0)
	#C80000	rgb(200,0,0)
	#D00000	rgb(208,0,0)
	#D80000	rgb(216,0,0)
	#E00000	rgb(224,0,0)
	#E80000	rgb(232,0,0)
	#F00000	rgb(240,0,0)
	#F80000	rgb(248,0,0)
	#FF0000	rgb(255,0,0)

Escala de cinza

Cores cinzentas são apresentados usando uma quantidade igual de energia para todas as fontes de luz.Para tornar mais fácil para você selecionar a cor cinza para a direita nós compilamos uma tabela de tons de cinza para você:

Escala de cinza	HEX	RGB
	#000000	rgb(0,0,0)
	#080808	rgb(8,8,8)
	#101010	rgb(16,16,16)
	#181818	rgb(24,24,24)
	#202020	rgb(32,32,32)
	#282828	rgb(40,40,40)
	#303030	rgb(48,48,48)
	#383838	rgb(56,56,56)
	#404040	rgb(64,64,64)
	#484848	rgb(72,72,72)
	#505050	rgb(80,80,80)
	#585858	rgb(88,88,88)
	#606060	rgb(96,96,96)
	#686868	rgb(104,104,104)
	#707070	rgb(112,112,112)
	#787878	rgb(120,120,120)
	#808080	rgb(128,128,128)
	#888888	rgb(136,136,136)
	#909090	rgb(144,144,144)
	#989898	rgb(152,152,152)
	#A0A0A0	rgb(160,160,160)
	#A8A8A8	rgb(168,168,168)
	#B0B0B0	rgb(176,176,176)
	#B8B8B8	rgb(184,184,184)
	#C0C0C0	rgb(192,192,192)
	#C8C8C8	rgb(200,200,200)
	#D0D0D0	rgb(208,208,208)
	#D8D8D8	rgb(216,216,216)
	#E0E0E0	rgb(224,224,224)
	#E8E8E8	rgb(232,232,232)
	#F0F0F0	rgb(240,240,240)
	#F8F8F8	rgb(248,248,248)
	#FFFFFF	rgb(255,255,255)

Web cores seguras?

Alguns anos atrás, quando os computadores apoiado max 256 cores diferentes, uma lista de 216 "Web Safe Colors" foi sugerido como um padrão Web, reservando 40 cores sistema fixo.

Isso não é importante agora, já que a maioria dos computadores podem exibir milhões de cores diferentes, mas a escolha é deixada para você.

A paleta de 216 cores cross-browser foi criado para garantir que todos os computadores se exibir as cores corretamente ao executar uma paleta de 256 cores.

Iframes no HMTL

Wed, 16 Jul 2014 04:12:27 GMT

Um iframe é usado para exibir uma página web dentro de uma página web.

Exemplo

Sintaxe para a adição de um iframe:

A URL aponta para o local da página separada.

Defina altura e largura do iframe

Os atributos height e width são usados para especificar a altura e a largura do iframe.

Os valores dos atributos são especificados em pixels por padrão, mas eles também podem ser em porcentagem (como "80%").

Retire a borda do iframe

O atributo frameborder especifica se deve ou não exibir uma borda ao redor do iframe.

Defina o valor do atributo de "0" para remover a borda:

Usar o iframe como um alvo para um Link

Um iframe pode ser usado como o quadro de destino para um link.

O atributo de destino de um link deve referir-se ao atributo nome do iframe:

Tag HTML do iframe

Tag	Descrição
	Define um iframe em linha

Formulários HTML

Wed, 16 Jul 2014 03:52:50 GMT

Formulários HTML são usados para selecionar diferentes tipos de entrada do usuário.

Formulários HTML

Formulários HTML são usados para transmitir dados para um servidor.

Um formulário HTML pode conter elementos input, como campos de texto, caixas de seleção, botões de rádio, apresentar botões e mais. Um formulário também pode conter listas de seleção, text area, fieldset, legenda, e elementos de rotulagem.

A tag




Formulários HTML - o elemento input

O elemento mais importante forma é o elemento 

O elemento 

Um elemento 

Os tipos mais comuns de entrada encontram-se descritos abaixo.



Como o código HTML acima aparece no navegador:


Nome: 

Sobrenome:  


Nota: A forma em si não é visível. Observe também que a largura padrão de um campo de texto é de 20 caracteres. 


Campo de senha





Como o código HTML acima aparece no navegador:


Senha:  



Botões de Rádio





Como o código HTML acima aparece no navegador:


Masculino

Feminino



As caixas de seleção





Como o código HTML acima aparece no navegador:

 


Eu tenho uma moto

Eu tenho um carro



Botão de envio



Um botão enviar é usado para enviar os dados do formulário para um servidor. Os dados são enviados para a página especificada no atributo action do formulário. O arquivo definido no atributo action geralmente faz algo com a entrada recebida:



Como o código HTML acima aparece no navegador:


Usuário:   


Se você digitar alguns caracteres no campo de texto acima, e clique no botão "Enviar", o navegador irá enviar o seu contributo para uma página chamada "demo_form_action.asp". A página irá mostrar-lhe a entrada recebida.


Formulário de tags HTML

= Tag adicionada no HTML5.


 
 
 Tag
 Descrição
 
 
 
 Define um formulário HTML para preenchimento
 
 
 
 Define um controle de entrada
 
 
 
 Define um controle de entrada multilinha
 
 
 
 Define um rótulo para um elemento 
 
 
 
 Define grupos elementos relacionados em um formulário
 
 
 
 Define uma legenda para um elemento 
 
 
 
 Define uma lista drop-down
 
 
 
 Define um grupo de opções relacionadas em uma lista drop-down
 
 
 
 Define uma opção em uma lista drop-down
 
 
 
 Define um botão clicável
 
 
 
 Define uma lista de opções pré-definidas para controles de entrada
 
 
 
 Define um campo gerador de par de chaves (para formulários)
 
 
 
 Define o resultado de uma entrada

Tag	Descrição
	Define um formulário HTML para preenchimento
	Define um controle de entrada
	Define um controle de entrada multilinha
	Define um rótulo para um elemento
	Define grupos elementos relacionados em um formulário
	Define uma legenda para um elemento
	Define uma lista drop-down
	Define um grupo de opções relacionadas em uma lista drop-down
	Define uma opção em uma lista drop-down
	Define um botão clicável
	Define uma lista de opções pré-definidas para controles de entrada
	Define um campo gerador de par de chaves (para formulários)
	Define o resultado de uma entrada

Layouts no HTML

Mon, 14 Jul 2014 18:54:36 GMT

Layout de página Web é muito importante para fazer o seu site com bom aspecto.

Desenhe o seu layout de página com muito cuidado.

Layout do site

A maioria dos sites têm colocado o seu conteúdo em várias colunas (formatado como uma revista ou jornal).

Várias colunas são criadas usando








Título principal da página


Menu

HTML

CSS

JavaScript

O conteúdo fica aqui

Copyright © Agente Webmaster

O código HTML acima produzirá o seguinte resultado:

O conteúdo fica aqui

Layouts HTML - Usando Tabelas

Uma maneira simples de criar layouts é usando a tag

Várias colunas são criadas usando

Usando

O exemplo a seguir usa uma tabela com 3 linhas e 2 colunas - a primeira e última linha se estende por ambas as colunas usando o atributo colspan:








Título principal da página





Menu

HTML

CSS

JavaScript


O conteúdo da página aqui




Copyright © Agente Webmaster

Veja como fica o código acima:

Título principal da página
Menu HTML CSS JavaScript	O conteúdo fica aqui
Copyright © Agente Webmaster

HTML Layout - Dicas úteis

Dica: A maior vantagem do uso de CSS é que, se você colocar o código CSS em uma folha de estilo externa, seu site se torna muito mais fácil de manter. Você pode alterar o layout de todas as suas páginas, editando um arquivo.

Dica: Porque layouts avançados ter tempo para criar, uma opção mais rápida é usar um modelo. Pesquisa do Google para modelos de site gratuito (estes são layouts de sites pré-construídos que você pode usar e personalizar).

Tags de layout HTML

Tag	Descrição
	Define uma seção no documento (em bloco)
	Define uma seção no documento (em linha)

Elementos HTML de bloco e linha

Mon, 14 Jul 2014 18:11:33 GMT

Elementos HTML podem ser agrupados com

Elementos HTML de Bloco

A maioria dos elementos HTML são definidas como nível de bloco ou como elementos incorporando elementos.

Elementos nível de bloco normalmente tem tag de abertura e tag de fechamento, com uma nova linha quando exibido em um navegador.

Exemplos:

Elementos HTML de linha

Inline elementos normalmente são exibidos sem iniciar uma nova linha.

Exemplos:

O Elemento HTML
O elemento HTML
O elemento
Quando usado em conjunto com o EAP, o elemento
Outro uso comum do elemento

O Elemento HTML
O elemento HTML
O elemento
Quando usado em conjunto com o EAP, o elemento

Grupos de tags HTML

Tag Descrição

Define uma seção no documento (em bloco)

Define uma seção no documento (em linha)

Marca	Caractere	Estrutura	Resultado
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

Título principal da página
Menu HTML CSS JavaScript	O conteúdo da página aqui
Copyright © Agente Webmaster

Marca	Caractere	Estrutura	Resultado
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

Tutoriais

Parágrafos no HTML

Símbolos HTML

Símbolos de entidades HTML

Alguns símbolos matemáticos suportados pelo HTML

Algumas letras gregas suportados pelo HTML

Algumas Outras Entidades suportadas pelo HTML

Entidades HTML

Entidades HTML

Não quebrando espaço

Combinando sinais diacríticos

Algumas outras entidades úteis

Scripts no HTML

O HTML A tag O elemento O conteúdo dentro do elemento Tags de scripts no HTML Tag Descição Define um script do lado do cliente Define um conteúdo alternativo para navegadores que não suportam script do lado do cliente

Tags de scripts no HTML

Nome das cores HTML

Nomes das cores suportados por todos os navegadores

Cores ordenadas por nome

Cores HTML

Valores de cores

16 milhões de cores diferentes

Escala de cinza

Web cores seguras?

Iframes no HMTL

Exemplo

Sintaxe para a adição de um iframe:

Defina altura e largura do iframe

Retire a borda do iframe

Usar o iframe como um alvo para um Link

Tag HTML do iframe

Formulários HTML

Formulários HTML

Formulários HTML - o elemento input

Campo de senha

Botões de Rádio

As caixas de seleção

Botão de envio

Formulário de tags HTML

Layouts no HTML

Layout do site

Título principal da página

Título principal da página

Layouts HTML - Usando Tabelas

Título principal da página

Título principal da página

HTML Layout - Dicas úteis

Tags de layout HTML

Elementos HTML de bloco e linha

Elementos HTML de Bloco

Elementos HTML de linha

O Elemento HTML O elemento HTML O elemento Quando usado em conjunto com o EAP, o elemento Grupos de tags HTML Tag Descrição Define uma seção no documento (em bloco) Define uma seção no documento (em linha)

Grupos de tags HTML

O HTML
A tag
O elemento
O conteúdo dentro do elemento

Tags de scripts no HTML

Tag Descição

Define um script do lado do cliente

Define um conteúdo alternativo para navegadores que não suportam script do lado do cliente

O Elemento HTML
O elemento HTML
O elemento
Quando usado em conjunto com o EAP, o elemento

Grupos de tags HTML

Tag Descrição

Define uma seção no documento (em bloco)

Define uma seção no documento (em linha)

Marca	Caractere	Estrutura	Resultado
̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ