segunda-feira, 20 de fevereiro de 2012

Estilo Marca-Texto

Para se marcar um texto como:

marca-textos

Utilizamos o código a seguir:

<p style='background:green' align='center'><font color='white'>marca-textos</font>

Em página real o código fica sobre as palavras e não sobre toda a linha.

Formulários - 3° parte: a tag select

A tag select é um menu de opções como este que vem:

O menu drop-down acima é criado pelo código a seguir:

<select name='teste' size='6'>
<option value='teste1'>Teste 1</option>
<option value='teste2'>Teste 2</option>
<option value='teste3'>Teste 3</option>
<option value='teste4'>Teste 4</option>
<option value='teste5'>Teste 5</option>
</select>

Hiperlinks

Para se produzir um hiperlink, como já vimos, a base é a seguinte:

<a href='seusite' title='sualegenda'>textodelink<a>

Mas para se inserir um outro formato de mouse, usamos o código a seguir:

<a href='seusite' title='sualegenda' style='cursor:formato>textodelink</a>

Onde o termo em itálico deve ser substituido por:

Para se adicionar cursor externo, isto é, personalizado, utilizamos a url do cursor que gostariamos utilizar.

Exemplo:

Cursors Emoticons

Para esse efeito foi utilizado o código seguinte:

<a href="http://cursores.girlspt.com/" rel="tooltip" class="style20" style="font-size: 14px; cursor: url(http://justmcagirls.com.sapo.pt/cursorsemoticons/4.ani), url(http://justmcagirls.com.sapo.pt/cursorsemoticons/4.cur), auto; " title="Cursores Emoticons">Cursors Emoticons</a>

sábado, 18 de fevereiro de 2012

Formulários - 2° parte: a tag input

A tag input define um campo para a entrada de informações. Cada campo atribui o seu conteúdo a uma variável que possui nome e tipo específico.

A sintaxe básica é:

onde:

type='tipo': Define o tipo de variável, que pode ser:
- text: Área de texto. Ele aceita os atributos name, value, size e maxlength
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
  - size: Define o tamanho da área de texto.
  - maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
- password: Área de senha. Ele aceita os atributos name, value, size e maxlength
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
  - size: Define o tamanho da área de texto.
  - maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
- hidden: Define uma entrada oculta. Ele aceita os atributos name e value.
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
- radio: Define um botão com uma opção. Ele aceita os atributos name e value.
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
  - checked: Define que o 'radio' será selecionado
- checkbox: Define um botão com várias opções. Ele aceita os atributos name e value.
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
  - checked: Define que o 'checkbox' será selecionado
- button: Define um botão comum. Ele aceita os atributos name e value.
  - name: Nome do campo ou variável.
  - value: Define o valor do campo, podendo ser button, reset, submit.
  - title: Define uma legenda ao botão.
- file: Define um botão que ao clicar abre uma janela para a seleção de arquivos. Ele aceita os atributos name e value.
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
- textarea: Define uma área de texto com mútiplas linhas. Ele aceita os atributos name.
  - name: Nome do campo ou variável.
- password: Define uma área de texto do tipo senha. Ele aceita os atributos name, value, size e maxlength
  - name: Nome do campo ou variável.
  - value: Define o valor do campo.
  - size: Define o tamanho da área de texto.
  - maxlength: Define a quantidade de caracteres que poderão ser inseridos no campo.
- reset: Define um botão que possui a função de apagar todo o formulário.

quinta-feira, 16 de fevereiro de 2012

Formulários - 1° parte: Iniciação

Para se iniciar um formlário devemos utilizar a tag <form>, fechando com a tag </form> e sua sintaxe é:

<form name='NomeDoFormulário' method='Método' action='URL'>

Onde:

name: Define o nome do seu formulário.
method: Define o método utilizado pelo servidor para receber os dados do formulário, e ele pode ser:
- Post: Método que transmite toda a informação imediatamente após o URL.
- Get: Método que anexa o conteúdo do formulário ao endereço da URL, por isso tem limitação de tamanho das informações.
action: Especifica a URL do programa ou da página do servidor que processará os dados do formulário.

Inserindo legenda em seu link

Você já observou que um link como:

Por que preciso informar minha data de nascimento?

possui uma propriedade que ao passar ou deixar o mouse sobre o link, a legenda 'Clique para obter mais informações' aparece no próximo ao mouse?

Essa propriedade é inserida pelo trecho destacado na tag citada a seguir:

<a href='http://www.facebook.com/index.php?lh=Ac80ll759ceVIvXh' title='Clique para obter mais informações'>Por que preciso informar minha data de nascimento?</a>

Em que o trecho em destaque é responsável pela legenda do hiperlink.

sábado, 11 de fevereiro de 2012

Preformatação

Através da tag <pre> podemos incluir um texto que foi editado por um editor de texto e preservar sua formatação original, como marcas de tabulação, e fim de linha gerada pela tecla Enter. A sintaxe do comando é a seguinte:

<pre>
Tudo o que escrever aqui,
em qualquer formatação
aparecerá assim.
</pre>

e gera a formação a seguir:

Tudo o que escrever aqui, 
                  em qualquer formatação 
    aparecerá assim.

já sem a tag <pre>:

Tudo o que escrever aqui,
em qualquer formatação
aparecerá assim.

quinta-feira, 9 de fevereiro de 2012

Listas de Definição

Listas de Definição são listas que servem para definir itens e o princípio delas é exemplificado a seguir:

Café: Bebida quente e preta
Leite: Bebida fria e branca

e o seu código é a seguir:

Onde:

<dl>: É definido por definition list que traduzido é lista de definição
<dt>: É definido por definition text que traduzido é texto para definição
<dd>: É definido por definition description que traduzido é descrição de definição.

quarta-feira, 8 de fevereiro de 2012

Sobrescrever ou subscrever

Para demonstrar calcular uma poténcia utilizamos:

2<sup>3<sup>

Que equivale a:

2³

e x<sub>1<sub> gera esse resultado - subscrito:

x₁

domingo, 5 de fevereiro de 2012

Agradecimento pelos 167 acessos ao blog

Eu gostaria de agradecer aos 167 acessos:

Acessos
País	Qntdade.
Brasil	106
Rússia	40
Alemanha	19
Estados Unidos	2

Acessado dia 05/02/2012.

Eu agradeço a todos os internautas brasileiros, russos, alemães, e estadunidenses!

Я благодарю всех серферов, бразильцы, русские, немцы и американцы!

Ich danke allen, die Surfer, Brasilianer, Russen, Deutsche und Amerikaner!

I thank all the surfers, Brazilians, Russians, Germans and Americans!

Faça seu Signbot

Acesse o site: http://wigflip.com/signbot/ e crie uma imagem GIF dessas:

sábado, 4 de fevereiro de 2012

Cabeçalho - Header

O Cabeçalho é formatado pelo código Hn onde n corresponde a um número de 1 a 6: