Retorna para a página principal urs.bira

HTML alguns lembretes.

urs.bira@uol.com.br

Tabela de caracteres especiais

ý = ý € € ¢ ¢ £ £ ¥ ¥ ¤ ¤ ₪ ♪ ♫ † ‡ ⌂ №

	Code	Unicode		Code	Unicode		Code	Unicode		Code	Unicode
◊	&loz;	◊	♠	&spades;	♠	♤		♤	♣	&clubs;	♣
♧		♧	♥	&hearts;	♥	♡		♡	♦	&diams;	♦
★		★	←	←	←	↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔	↕		↕	↖		↖
↗		↗	↘		↘	↙		↙
!		!	"	"	"	#		#	$		$
%		%	&	&	&	'		'	(		(
)		-	*		,	+		+	,		,
-		-	.		.	/		/	<	<	<
>	>	>	§	§	§	«	«	«	»	»	»
©	©	©	®	®	®	™	™	™	±	±	±
¿	¿	¿	¡	¡	¡	@		@	×	×	×
÷	÷	÷	+		+	-		-	Ω		Ω
√		√	¼	¼	¼	½	½	½	¾	¾	¾
⅓		⅓	⅔		⅔	⅛		⅛	⅜		⅜
⅝		⅝	⅞		⅞	%		%	‰		‰
¹	¹	¹	²	²	²	³	³	³	○		○
●		●	☺		☺	☻		☻	☼		☼
▲		▲	►		►	▼		▼	◄		◄
■		■	□		□	▪		▪	▫		▫
Letra	Code	Letra	Code	Letra	Code	Letra	Code	Letra	Code	Letra	Code
À	À	Á	Á	Â	Â	Ã	Ã	Ä	Ä	Å	Å
à	à	á	á	â	â	ã	ã	ä	ä	æ	æ
É	É	Ê	Ê	Ë	Ë
é	é	ê	ê	ë	ë	è	è
Í	Í	Ï	Ï	Î	Î	Ý	Ý
í	í	ï	ï	î	î	ý	ý
Ó	Ó	Ô	Ô	Ò	Ò	Ö	Ö	Õ	Õ
ó	ó	ô	ô	ò	ò	ö	ö	õ	õ
Ú	Ú	Ü	Ü	Ù	Ù
ú	ú	ü	ü	ù	ù
Ñ	Ñ	ñ	ñ	ç	ç	Ç	Ç
ª	ª	°	°	Ø	Ø	ø	ø

Tabela de caracteres Especiais II (Imagem)

Fonte 1 : www.unicode.org www.unicode.org/charts/charindex.html Fonte 2 : Tabela Code e Unicode Fonte 3 : Unicode Latim Básico Fonte 4 : Unicode Latim I Suplementar Fonte 5 : Unicode Latim Estendido A Fonte 6 : Unicode Latim Estendido B Fonte 7 : Unicode Extensões IPA Fonte 8 : Unicode Letras modificadoras de espaçamento Fonte 9 : Unicode Sinais diacríticos combinados Fonte 10: Html codes x ASCII Fonte 11: code ASCII x binari x HEX x Ctrl

Introdução à Folha de Estilos

Fonte de Pesquisa

Cascading Style Sheets na Wikipedia
Site sobre CSS e Web Standards Com tutorial e exemplos
Definição on-line de cores Excelente!

Destacando texto.

FFFFCC = Texto com background Amarelo.

AFEEEE = Azul

CCFFFF = Azul claro

DCDCDC = Cinza

FFCCCC = Rosa

99CCCC = Verde

CCCCFF = Violeta

Definindo Margens

Este é o texto que deve estar 60pt distante da margem esquerda e 60pt distante da margem direita. O tipo da fonte é Courier e deve ter um destaque (background) na cor "lavender"(#E6E6FA).

Textos com Borda

Texto com borda dupla

E um texto com borda simples de 2 pixels:

Texto com borda simples de 2 pixels

O elamento padding recebe um valor que regula a distância entra a borda e o texto. É o mesmo que faz o cellpadding em uma tabela.

Texto com borda simples e distante. Texto centralizado.

E um exemplo com fundo colorido e especificação do tipo e tamanho da fonte e, ainda do distanciamento das margens:

Fundo Colorido.

Um exemplo, usando-se a tag BLOCKQUOTE em um texto com borda dupla:

Borda dupla

Definindo tamanho, cor, fonte


Este texto deve aparecer na cor vermelha, no centro do espaço principal da página e as
 letras no estilo bold (negrito) no tamanho de 70% da fonte pré-definida pelo navegador

e com o tipo Sans-Serif.

Outros exemplos úteis:

Separadores

Veja a tag HR com os atributos altura=size, largura=width, sombra=noshade e alinhamento align.
size=10 width=400 noshade e align=center
size=10 width=400 sem o noshade e align=center
width="100%" size="12" align="left" noshade style="color:#C0E1FF;
Listas

As tags UL e LI. aceitam os marcadores type=circle, disc e square. e o LI aceita o VALUE
- um
- dois
- coloquei o type=circle
- coloquei o type=disc
- coloquei o type=square
- coloquei neste o VALUE=45
- sete
Em romanos (pode ser maiúsculo ou minúsculo)
- um
- dois
- três
Alfabeto
- um
- dois
- três
As tags OL e LI. aceitam os marcadores type=circle, disc e square. Possui ainda o START
Neste exemplo o type=1 e o start=17
1. um
2. dois
3. três
Formatação de texto

Física:
tag b=negrito
tag i=itálico
tag b=sublinhado
tag b=Tele tipo - caracteres monoespaçados
~~tag strike=riscado~~
tag sup=^sobrescrito
tag sub=_subescrito
tag big=fonte um pouco maior
tag small=fonte um pouco menor
tag b=negrito
tag b=negrito
tag b=negrito

Lógica:
tag=cite (destaca citações como títulos de revistas e filmes.)(teste)
tag=code (indica trechos de códigos de programas. )(teste)
tag=dfn (descreve um termo. )(teste)
tag=em (enfatiza o texto - itálico. )(teste)
tag=kbd (indica uma entrada via teclado. )(teste) tag=samp (representa a saída de um programa. )(teste) tag=strong(enfatiza o texto - negrito )(teste) tag=var (indica valores que o usuário deverá escrever. )(teste)
Tabela de cores

black---#000000
silver---#C0C0C0
gray---#808080
white---#FFFFFF
maroon---#800000
red---#FF0000
purple---#800080
fuchsia---#FF00FF
green---#008000
lime---#00FF00
olive---#808000
yellow---#FFFF00
navy---#000080
blue---#0000FF
teal---#008080
aqua---#00FFFF

Tabela de cores

Site com Tabela de cores

cores.gratuita.com.br Neste site montamos cores em RGB e #RRGGBB