ajudinha informatica

blog com dicas e ajuda em informatica e conhecimentos em geral

Dicas para usar seu MP4

Você tem um MP4 e não sabe como usa-lo?
Aqui vai algumas dicas com perguntas e respostas com as questões mais procuradas.

Primeira carga


Essa é a pergunta mais básica feita por muitos.
A primeira carga do mp4, assim como a dos celulares, precisa de um tempo maior.
Recomenda-se que a primeira carga seja de no mínimo 6 hrs e no máximo 24 hrs.

Quando eu sei que o mp4 está carregado?


A grande maioria dos carregadores que acompanham o mp4 possuem dois leds (luzes), uma vermelha e outra verde.
Enquanto a luz verde do carregador estiver acesa o mp4 estará sendo carregado, quando a luz verde se apagar o seu mp4 se encontrará carregado.
Recomenda-se apenas carregar seu mp4 quando o mesmo esteja totalmente descarregado e não dar cargas parciais (carregar toda a bateria).

  Como passar as músicas pro meu mp4?


No Windows XP é só plugar o cabo USB no pc. Ele vai instalar automaticamente o mp4 e irá aparecer uma unidade de disco removível em Meu computador. Ex: Disco Removível (F:)
É só abrir a pasta do disco removível e colocar seus arquivos Mp3 dentro.
Atenção: Se as músicas Mp3 derem erro de formato quando você for escutar Mp4, provavelmente as músicas estão protegidas contra gravação, o que impossibilita elas de serem reproduzidas no aparelho.

  Como passar vídeos pro meu mp4?


É só seguir o mesmo procedimento de passar músicas. Vá na pasta do disco removível e ponha os vídeos dentro.
Atenção: Os vídeos devem ser convertidos para o formato AMV utilizando o programa AMV converter que encontra-se dentro do pacote Mp3 utilities que você encontra dentro do cd que acompanha o produto.

Coloco os vídeos em formato Mp4 mas não roda.


O aparelho Mp4 não roda a extensão Mp4 e sim AMV, MTV, SMV e etc.
O nome Mp4 veio só para diferenciar o produto do aparelho Mp3. tudo uma jogada de marketing.

Como retirar o Mp4 do PC com segurança?


Sempre utilize a opção >>Remover Hardware com Segurança? para evitar perder seu Mp4.

  Os meus vídeos convertidos travam ou dão erro de formato.


Problema comum dos usuários de Mp4.
A resolução é simples:
Diminua a resolução do vídeo, nem sempre a resolução do vídeo que acompanha o Mp4 é a resolução que roda no aparelho.

  E qual a resolução ideal para meu aparelho ?


Para rodar sem problemas utilize a resolução a seguir:
Para telas de 1,5? use a resolução 128×96
Para telas de 1,8? use a resolução 128×128
Para telas de 2,0? use a resolução 160×120

  Como desligar a tela do aparelho enquanto as músicas tocam?


Vá nas configurações do aparelho, selecione a opção LCD Set depois a opção Black e escolha um tempo. Depois faça o mesmo procedimento, no entanto selecione a opção Darkle e escolha o mesmo tempo selecionado anteriormente.


  Como dividir meus arquivos em pastas?


Super simples, você cria pastas normalmente no seu disco removível e divide os arquivos entre as pastas.
Depois, lá no mp4, é só encontrar a pasta e clicar em play.
Atenção: Para selecionar pastas no mp4 seu modo de reprodução tem que estar em normal.

  Meu mp4 só toca 10 segundos de cada música.


Isso acontece porque ele está no modo de reproduzir a introdução. Mude o modo de reprodução para normal e seja feliz.

Atualizei o firmware do meu mp4 e agora ele não funciona mais. O que eu faço?


Você é mais um que pensa que qualquer firmware serve pro mp4.
Faça o seguinte, siga os passos desse tutorial e corra pro abraço.
http://forum.clubedohardware.com.br/index.php?showtopic=403210

  Como formatar meu mp4?


O ideal é você não formatar o mp4, mas se não tiver jeito, você tem que primeiro verificar o modo de formatação do seu mp4, se estiver em Fat você terá que formatar em Fat. Caso vc formate um mp4 com sistema de arquivo Fat em Fat 16 ou Fat 32 você perderá memória. Ex: de 1gb passa pra 88mb sendo quase impossível reverter esse quadro.

Como deixar a hora certa no relógio?


Na maioria dos mp4 nem adianta tentar porque quando eles são desligados a hora e a data são apagadas.

  Como colocar texto no meu mp4?


Você terá que copiar o texto para o bloco de notas e salvar, aí é só copiar o arquivo do bloco de notas para o mp4.

Coloquei 200 arquivos(pode ser mais) no mp4 mas ele só toca 99.

Isso é normal no mp4, para resolver esse problema você terá que dividir seu arquivos em pastas contendo 99 arquivos no máximo.

ULTIMA DICA:
Não fique tirando e colocando o plug do fone no mp4, isso pode ocasionar problemas

Anúncios

24 de março de 2009 Posted by | como usar, dica, dicas, hardware, mp3, musica, O que é, pc, Tutorial | Deixe um comentário

Como criar uma lista de Links

É facil criar uma lista de Links.
Abra o lay-out de seu blog e clique em adicionar elementos, escolha: HTML/Java Script, copie (Ctrl+c) e cole (Ctrl+v) o código

<div style=”border: 1px solid rgb(153, 153, 153);

overflow: auto;

width: 200px;

height: 150px;

text-align: center; “>

#link1 <br />

#link2 <br />

#link3 <br />

#link…

</div>

Observações: O texto com width:200px; and height: 150px refere-se ao tamanho, modifique para o tamanho adequado a sua sidebar.

#link1,#link2, #link3 – Substitua pelo links de seus amigos, você poderá por quantos querer.

Fonte: http://trick-blog.blogspot.com/

18 de março de 2009 Posted by | Blospot, como usar, dica, dicas, internet, Tutorial | Deixe um comentário

Listagem de comandos do HTML

Aqui tem um lista com quase todos os comandos HTMLs existentes elas estao divididas por funcionalidade para facilitar

As TAGs Principais

<html> </html> tags de inicio e fim de um doc html;

<head> </head> Identificadores do cabeçalho ;

<meta> Meta informação (reside entre os tags <head> </head>;

<meta http-equiv=”refresh” content=”x”> atualiza a pag corrente a cada X segundos;

<meta http-equiv=”refresh” content =”x url=proxima.htm”> atualiza a pag corrente a cada X segundos e vai para uma próxima página ;

<meta name=”palavras chave” content=”x”>comunica as palavras chaves e envia para os mecanismos de busca;

<meta name=”descrição” content=”x”> comunica a descrição para os mecanismos de busca;

<title> </title> Identifica o título da página ;

<body> </body> inicia e finaliza o corpo do documento html;

<body background =”imagem.gif” > coloca um fundo em uma pagina;

<body bgcolor=”#cccccc”> coloca uma cor de fundo na página;

<body text=”#000000″> especifica a cor padrão de um texto ;

<body link=”#000000″> especifica a cor padrão de um link;

<body vlink=”#000000″> especifica a cor padrão de um link visitado;

<body alink=”#000000″> especifica a cor padrão de um link ativo;

<body leftmargin=”0″ topmargin=”10″ rightmargin=”10″> especifica distância da margem esquerda, direita e topo da página ;

<body marginwidth=”0″ marginheight=”0″ > coloca as margens esquerda e superior em 0 no Netscape 4.0 + ;

<body onload=”x()”> especifica a iniciação de um evento do script quando o doc html é carregado

As Tags de fontes e tipos

<basefont size=”x”> Estabelece um tamanho padrão de fonte de 1-7 onde size o padrão é 3;

<h></h> Cabeçalho de 1-6 ( em outras palavras <h1>texto</h1> ou <h2>texto</h2>;

<b> </b> Negrita um texto;

<strong></strong> Similar ao negrito;

<i></i> Itálico;

<u></u> Sublinhado;

<strike></strike> texto tachado;

<sub></sub> texto subscrito;

<sup></sup> texto sobrescrito;

<tt></tt> Texto teletipo (largura fixa);

<small></small> texto menor;

<big></big> texto maior;

<font size=”x”> tamanho da font onde x tamanho;

<font face=”nome da fonte”> Especifica o nome da fonte, exemplo, verdana, arial etc…;

<font color=”#000000″> Atribui cor a uma fonte.

As Tags de Layout

<blockquote></blockquote> desloca o bloco de texto;

<br clear=left/right/all> insere qubra de linha que limpa;

<center></center> centraliza objetos;

<div> Divide página em seções lógicas;

<div align=left/center/right> Alinha os dados dentro de uma seção div;

<div class=classname> atribui uma class a uma seção div;

<hr> Insere uma régua horizontal ao longo da página

<hr size=”x”> especifica o tamanho de espessura horizontal da régua em px;

<hr width=”x”> especifica o tamanho da largura da régua em px;

<hr noshade> especifica uma régua em preto;

<nobr> evita quebra de linha;

<p> Cria parágrafos;

<p align=left/center/right> alinha texto do paragrafo;

As Tags de Link

<a href=”URL”>Teste</a> Faz um link de texto ou imagem com uma url;

<a href=”URL” target=”_blank”>Teste</a> Faz um link de texto ou imagem com uma url dentro de uma nova janela do navegador totalmente nova;

<a href=”URL” target=”nome_frame”>Teste</a> Faz um link de texto ou imagem com uma url dentro de um frame;

<a href=”URL” target=”_self”>Teste</a> Faz um link de texto ou imagem com uma url dentro do frame que o link foi acionado ou seja, nele mesmo;

<a href=”URL” target=”_parent”>Teste</a> Faz um link de texto ou imagem com uma url dentro de um FRAMESET gerador do documento;

<a href=”URL” target=”_top”>Teste</a> Faz um link eliminando o frameset dentro da mesma janela do browser.

As Tags de Imagens

<IMG src=”URL”> Apresenta uma imagem;

<IMG src=”URL” align=top/middle/bottom> Alinha a imagem em relação a base do texto;

<IMG src=”URL”align=left/right> Alinha imagem em relação a página ou frame;

<IMG src=”URL” alt=”texto”> mostra descritivo;

<IMG src=”URL” width=”X” height=”Y”> especifica largura e altura;

<IMG src=”URL” border=”0″> retira as bordas da imagem;

<IMG src=”URL” hspace=”X” vspace=”Y”> especifica espaçamentos vertical e horizontal;

<IMG LOWsrc=”URL” src=”URL”> especifica o carregamento inicial de uma imagem de baixa resolução antes da imagem verdadeira seja carregada;

<IMG NAME=”X” src=”URL”> Nomeia a imagem para uso com JavaScript.

As Tags de Listas

<DL> </DL> Inicia / termina um título de definição;

<DD> </DD> Inicia / termina definição;

<DT> </DT> Inicia / termina termo de definição;

<OL> </OL> Inicia / termina lista ordenada;

<OL compact></OL> Cria uma lista ordenada compactada;

<OL TYPE=A/a/I/i/1></OL> Cria uma lista ordenada, especifica por tipo(A para letras maiúsculas ,a para minúsculas, I para numerais romanos, i para numerais romanos pequenos e1 para números padrão;

<LI></LI> Item de lista padrão;

<LI TYPE=A/a/I/i/1>></LI> controla o formato de uma lista;

<UL> </UL> inicia /termina Lista não ordenada;

<UL COMPACT></UL> cria lista não ordenada compactada;

<UL TYPE=DISC/CIRCLE/SQUARE> Especifica o tipo do bullet.

As Tags de Tabela

<table></table> Inicia e finaliza uma tabela;

<table border=”x”> define a borda de uma tabela;

<table cellspacing=”x”> define o espaçamento entre celulas;

<table cellpadding=”x”> defeina espessura de bordas;

<table width=”x”> define o tamanho da tabela em pixels;

<table width=”%”> define o tamanho da tabela em porcentagem;

<tr></tr> abre uma linha fecha uma linha;

<td></td> abre uma celula fecha uma celula;

<tr align=left/center/right valign=”top/middle/bottom > define o alinhamento horizontal e vertical da linha;

<TD NOWRAP> evita quebra de linha dentro de uma celula;

<TD COLSPAN=”x”> especifica o numero de colunas;

<TD ROWSPAN=”x”> especifica o número de linhas;

<TD width=”x”> especifica o tamanho da celula ;

<TH></TH> define o cabeçalho da tabela;

Tags de Frames

<frameset></frameset> Define os elementos do frame;

<frameset cols=”x,x”> Define as colunas dos frames em px ou %;

<frameset rows=”x,x”> Define as linhas dos frames em px ou %;

<frameset border=”x”> define a borda 1,2,3 quando valor “0″ desligada;

<frameset framespacing=”1/0″> define espaçamento entre frames;

<frame src=”url”> especifica a url a ser carregada;

<frame name=”name”> especifica nome do frame;

<frame noresize> não permite que o frame seja redimensionado;

<frame scrolling=”auto” > determina se vai ter barra de rolagem ou não

Finalmente as Tags de Formulários

<form action =”url” Method=”get/post> Inicia term form e define parâmetros;

</form>

<input type=”text/password/checkbox/radio/submit/reset/image”> Especifica campos de entrada. senha, caixa de marcação, rádio, envio, limpa imagem;

<input type=”HIDDEN”> Campo oculto;

<input name=”nomedocampo”> define o nome de um campo no form;

<input checked> Marca de seleção ativada;

<input size=x> tamanho do campo;

<option> Cria opções podem ser selecionadas;

<option selected=”selected”> especifica uma opção selecionada;

<option value=”value”> especifica um valor ;

<select> </select> cria um menu no form ;

<select name=”name”> </select> Identifica os dados reunidos no menu;

<textarea </textarea> Cria uma caixa de entrada

<textarea wrap></textarea> especifica o retorno automático de um texto.

16 de março de 2009 Posted by | como usar, computador, dica, dicas, HTML, internet, O que é, pc, Tutorial | Deixe um comentário

Dica html, para iniciantes

Algumas dicas basicas para quem esta começando

Tamanho de fonte
Formato de Texto
Fprmato de fonte
Códigos de cores
Imagens
Hipertexto...e muito mais

TAMANHO DA FONTE:

<H1>texto tamanho H1</H1>
<H2>texto tamanho H2</H2>

<H3>texto tamanho H3</H3>
<H4>texto tamanho H4</H4>

<H5>texto tamanho H5</H5>
<H6>texto tamanho H6</H6>

O <H1> deixa a letra maior que o <H2> , e assim por diante.

FORMATANDO TEXTO:

<b> Texto </b> – Texto fica em Negrito.
<u> Texto </u> – Texto Sublinhado.
<i> Texto </i> – Texto em Itálico.

<sub></sub> - Subscrito = essas tags rebaixam o texto.
<sup></sup> - Sobrescrito = essas tags elevam o texto.

<center> Texto </center> Texto centralizado.

<left> Texto </left> Alinhamento à esquerda
<rigth> Texto </rigth> Alinhamento à direita
<justify> Texto </justify> Texto justificado

Os códigos também podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:

<CENTER><B><U>Teste 1</U> <I>e</I> Teste 2</B></CENTER>

QUEBRA DE LINHA:

<br> - quebra linha – pula para linha de baixo

<p> - parágrafo - deixa uma linha em branco antes da próxima

ALINHAMENTO DE PARÁGRAFO:

<p align="left"> Texto </p>

<p align="right"> Texto </p>

<p align="center"> Texto </p>

FORMATANDO FONTE:

<font face="tipo da fonte, o nome dela, tipo arial" size="tamanho" color="cor"> Texto </font> - determina o tipo da fonte, o tamanho e a cor do texto que vier escrito entre essas tags.

É possível incluir tags de cor, tamanho e fonte dentro do parágrafo. Assim:

<p><font face="tipo da fonte, o nome dela, tipo arial" size="tamanho" color="cor"> Texto </font> </p>

CÓDIGO DE CORES:

Azul =“#0000ff#”

Verde =“#008000#”

Amarelo =“#ffff00 #”

Vermelho =“#ff0000#”

Rosa =“#ff00ff#”

Branco =“#ffffff#”

Preto =“#000000#”

<hr> - parâmetro utilizado para colocar linhas horizontais em uma página. Você pode determinar a altura, a largura e o alinhamento da linha. Por exemplo:

<hr size=8 align="center" width=75%>

Size - configura a espessura da linha

Width - configura a largura da linha (pode ser em porcentagem ou em pixels)

Align - determina o posicionamento da linha

IMAGEM :

<img> - é a tag necessária para se colocar uma imagem na página.

<img src="nomedaimagem"> - Localização da imagem: especifica o endereço da imagem a ser colocada na página. Normalmente, as imagens têm terminação .gif ou .jpg.

<img src="nomedaimagem"height="alturadaimagem" width="larguradaimagem > - Altura e largura da imagem: especifica a altura e a largura da imagem, tanto em pixels como em porcentagem.

HIPERTEXTO:
<a href="http://endereçodapágina.htm">Aqui vai o nome ou o endereço da página para a qual você está apontando o link</a>

- estas tags criam links para outras páginas da Internet.

<a href=”http://ajudinhainformatica.blogspot.com/”><img src="http://4.bp.blogspot.com/_4XyIJAP_Tm8/Sbv7URRpXnI/AAAAAAAAGTE/W_6uPMZKqZA/S1600-R/AJUDINHA_INF_09494.gif”></a>

- Hipertexto com imagem: neste caso, em vez de colocar o link em um texto, você estará colocando o link em uma imagem.
<a href=”http://ajudinhainformatica.blogspot.com/” target=”_blank”>nome do link</a>

- ABRIR LINK EM NOVA JANELA – basta acrescentar target=”_blank”


16 de março de 2009 Posted by | como usar, computador, dica, dicas, HTML, internet, O que é, pc, Tutorial | Deixe um comentário

Dicas de html, para quem está começando a blogar

1. O que é HTML e como posso utilizá-lo?

Hypertext Markup Language (HTML – linguagem de marcação de hipertexto) é a linguagem utilizada na produção de páginas na Internet. O HTML permite a criação de documentos que podem ser lidos em qualquer tipo de computador e transmitidos pela Internet até por correio eletrônico. Para escrever documentos HTML não é necessário mais do que um editor de texto simples e conhecimentos dos códigos que compõem a linguagem. Os códigos, conhecidos como “tags”, servem para indicar a função de cada elemento da página na rede.

A linguagem HTML é composta por comandos que indicam ao navegador (browser) de como devem ser lidos os textos, por isso para cada arquivo que se inicia, um TAG deve indicar as intruções para o navegador. Esclarecendo, os TAGS são comandos que informam ao navegador determinada ação que ele deve executar, como comparação, é como se fossem os comandos Arquivos, Editar e Formatar etc.; do Word.

Todo documento HTML é composto de Tags. Este é o nome dados aos comandos HTML. Você deve começar sua página com a tag <HTML>, na primeira linha do código, e terminar com </HTML> na última linha do documento. Perceba que a barra “/” sinaliza o fechamento da tag. Este fechamento é necessário para que ela possa ser interpretada pelo navegador. A estrutura das tags é formada por:

<xxx>: Este é o inicio da tag;*
</xxx>: Este é o fechamento da tag para que ela possa funcionar.**

* xxx é apenas uma representação de uma tag, não é uma tag HTML.
** Algumas tags não necessitam do fechamento. Neste caso você será avisado.

2. Formatando texto

TAMANHO DA FONTE:
A maneira mais fácil de mudar o tamanho da fonte é utilizar as tags:
<H1>texto tamanho H1</H1>
<H2>texto tamanho H2</H2>
<H3>texto tamanho H3</H3>
<H4>texto tamanho H4</H4>
<H5>texto tamanho H5</H5>
<H6>texto tamanho H6</H6>
O <H1> deixa a letra maior que o <H2> , e assim por diante.

ALINHAMENTO DO TEXTO:

O parâmetro que deve ser utilizado é o ALIGN, seguido de:
LEFT - se você quiser que o texto fique alinhado à esquerda.
RIGHT - se você quiser que o texto fique alinhado à direita.
CENTER - se você quiser que o texto fique alinhado ao centro.

Por exemplo:
<H1 align="left">texto alinhado à esquerda</H1>
<H2 align="right">texto alinhado à direita</H2>
<H3 align="center">texto alinhado ao centro</H3>

CENTRALIZAÇÃO DE TEXTO:
<center></center> - outra maneira de centralizar o texto

TEXTO EM NEGRITO
Digite <b> para abrir o código.
E o seu texto em seguida.
Feche com o </b>
Desta forma, <b>seu texto</b> ficará assim.

<b>texto</b> - tudo o que for escrito entre essas duas tags virá em negrito
TEXTO EM ITÁLICO
Digite <i> para abrir o código.
O seu texto em seguida.
E feche com o </i>
Assim, o <i>seu texto</i> ficará desta forma.

<I>texto</I> - tudo o que for escrito entre essas duas tags virá em itálico
SUBLINHADO
<u> primeiro.
O texto em seguida.
</u> pra fechar.
<u> Viu como é simples? </u>
Pronto, seu texto ficará assim: Viu como é simples?

<U> texto </U> - tudo o que for escrito entre essas duas tags virá sublinhado

SUBSCRITO
<sub> texto </sub> - essas tags rebaixam o texto. Por exemplo: H2O. Ficaria: H2O.
SOBRESCRITO
<sup> texto </sup> - essas tags elevam o texto. Exemplo: 400 m2. Seria: 400 m2.

TEXTO RISCADO
<s> Texto riscado </s>
Cuidado para não confundir esse “s” com o “u”. Lembre-se que “U”, vem da palavra inglesa “Underline”, o mesmo que “sublinhar”.

ATENÇÃO:

Você pode formatar o texto, colocando-o em negrito, itálico, sublinhado e centralizado. Os códigos podem ser escritos uns sobre os outros, acumulando seus efeitos, como por exemplo:
<CENTER><B><U>Teste 1</U></B></CENTER>
O resultado é:

Teste 1

QUEBRA DE LINHA

<br> - quebra linha, isto é, pula para a linha de baixo. Ao contrário do parágrafo, não é deixada uma linha em branco antes da próxima.

<p> Muda a linha e deixa uma em branco.

Quer ver como funciona? Dê uma olhada nos códigos a seguir:

<p>Um dia, uma pequena abertura apareceu num casulo; um homem sentou e observou a borboleta por várias horas, enquanto ela se esforçava para fazer com que seu corpo passasse através daquele pequeno buraco.<br> Então, pareceu que ela havia parado de fazer qualquer progresso. <br> Parecia que ela tinha ido o mais longe que podia e não conseguia ir mais.</p>
<p>O homem decidiu ajudar a borboleta: ele pegou uma tesoura e cortou o restante do casulo.<br> A borboleta então saiu facilmente.<p>

Quando você for ler, o texto ficará assim:

Um dia, uma pequena abertura apareceu num casulo; um homem sentou e observou a borboleta por várias horas, enquanto ela se esforçava para fazer com que seu corpo passasse através daquele pequeno buraco.
Então, pareceu que ela havia parado de fazer qualquer progresso.
Parecia que ela tinha ido o mais longe que podia e não conseguia ir mais.

O homem decidiu ajudar a borboleta: ele pegou uma tesoura e cortou o restante do casulo.
A borboleta então saiu facilmente.

3. Formatando fonte

FORMATAÇÃO DE FONTE:

Tag <FONT>
– Este tipo de tag é a mais usada, pois você pode definir facilmente o tamanho do texto e fonte que você deseja, e personalizar ainda mais a sua página. A tag é <FONT>, e dentro dela você pode definir vários parâmetros, como cor, tamanho e tipo de letra. Veja agora como usar as tags de fontes:
– Atributo FACE
– FACE: Uma evolução que permite a escolha da fonte (tipo de letra) para os textos, a tag é feita assim:
<FONT FACE=fonte_da_letra>Texto</FONT>
Exemplo:
<FONT FACE=Times>Fonte Times New Roman </FONT>
Fonte Times New Roman
<FONT FACE=Arial>Fonte Arial </FONT>
Fonte Arial
<FONT FACE=Courier>Fonte Courier New </FONT>
Fonte Courier New
– Atributo COLOR e SIZE
– COLOR e SIZE:
Atributos cor e tamanho:
<font size=”3″> A palavra terá o tamanho 3</font>
A palavra terá o tamanho 3
<font color=”red”> A palavra terá a cor vermelha </font>
A palavra terá a cor vermelha.
Podemos também combinar as tags acima:
<font face=”Arial” size=”2″ color=”red”>Palavra com tamanho 3 e em vermelho </font>
O resultado final será:
Palavra com tamanho 3 e em vermelho
Por exemplo:
<font face="arial" size=6 color="red">O texto será escrito em vermelho, com fonte arial e tamanho 6.</font>
OBS: O tamanho da fonte pode variar de 1 a 7, sendo 1 a menor fonte, e 7, a maior.

CORES NO TEXTO
Que tal mudar as cores da fonte em alguns textos? Pra dar destaque, para deixar mais bonito, enfim. Onde usar é uma opção sua.
Mas vamos lhe ensinar como.
<FONT COLOR = “#FF0000”>Um texto vermelho. </FONT>
Resultado: um texto vermelho.
<FONT COLOR = “#0000FF”> Texto azul </FONT>.
Você pode substituir as cores, trocando o código “#0000FF” (azul) pelo “#FF0000” (vermelho), por exemplo. Estes são os códigos mais comuns, mas você encontra vários na internet:

4. CÓDIGO DE CORES:

Azul =“#0000ff#”

Verde =“#008000#”

Amarelo =“#ffff00 #”

Vermelho =“#ff0000#”

Rosa =“#ff00ff#”

Branco =“#ffffff#”

Preto =“#000000#”

5. PARÁGRAFOS:

– Tag <P> – Parágrafos:
Em HTML são necessários comandos para definir parágrafos. Não basta você simplesmente pressionar “ENTER” para que a linha vá para baixo, como em editores de texto comuns. Você terá que colocar uma tag para um parágrafo ou para uma linha nova.
Para fazer um parágrafo novo, basta colocar a tag <P>, deste jeito:
Parágrafo 1<P>Parágrafo 2.
O resultado será este:

Parágrafo 1
Parágrafo 2

– Tag <BR> – Linhas
Como você pode ver, o navegador mesmo faz um parágrafo novo cada vez que você coloca esta tag. Caso você queira simplesmente mudar de linha, ao invés de mudar de parágrafo, coloque a tag <BR>. Por exemplo, escreva:
Parágrafo 1<BR>Linha 1<P>Parágrafo 2<BR>Linha 2.
O resultado será este:

Parágrafo 1
Linha 1
Parágrafo 2
Linha 2

<P></P> - essas tags delimitam um parágrafo no texto. É possível, neste caso, não fechar a tag <P> , ou seja, omitir o </P> , sem prejudicar o resultado final.
ALINHAMENTO DE PARÁGRAFO: Os parágrafos também podem ter atributos para o alinhamento dos textos. Basta apenas incluir depois do “P” o parâmetro “align=tipo de alinhamento”. Os atributos são:

<P align="left">
<P align="right">
<P align="center">

– Left: Alinhamento à esquerda
– Rigth: Alinhamento à direita
– Center: Centralizado
– Justify: Texto justificado (Só funciona em navegadores versão 4 ou superior)
Para incluir um destes atributos é simples. Veja os exemplos:

<p align=”left”>Texto alinhado à esquerda</p>

<p align=”right”>Texto alinhado à direita</p>

<p align=”center”>Texto centralizado</p>

<p align=”justify”>Texto justificado</p>

RÉGUA HORIZONTAL
<HR> - parâmetro utilizado para colocar linhas horizontais em uma página. Você pode determinar a altura, a largura e o alinhamento da linha.
Por exemplo:
<hr size=8 align="center" width=75%>
Size - configura a espessura da linha
Width - configura a largura da linha (pode ser em porcentagem ou em pixels)
Align - determina o posicionamento da linha

6. IMAGEM:

<img> - é a tag necessária para se colocar uma imagem na página. A tag <img> pode vir acompanhada de diversos parâmetros:
LOCALIZAÇÃO DA IMAGEM

<img src="nomedaimagem"> - especifica o endereço da imagem a ser colocada na página. Normalmente, as imagens têm terminação .gif ou .jpg.
TEXTO ALTERNATIVO
<img alt="textoalternativo"> - o texto acompanhado do alt aparecerá quando o usuário passar o cursor em cima da imagem. É uma legenda alternativa para a imagem.
ALINHAMENTO DE IMAGEM
<img align="alinhamento"> - alinha a imagem à esquerda (left), direita (right), ao centro (middle), no topo da página (top) ou no pé da página (bottom).
BORDA DA IMAGEM
<img border="tamanhodaborda"> - especifica o tamanho da borda, em pixels. Os números têm de ser inteiros.

ALTURA
<img height="alturadaimagem"> - especifica a altura da imagem, tanto em pixels como em porcentagem.
LARGURA
<img width="larguradaimagem"> - especifica a largura da imagem, tanto em pixels como em porcentagem.

TAMANHO DA IMAGEM
Imagem no tamanho original:
<img src= “http://ajudinhainformatica.blogspot.com/” alt= “Texto aqui”>

Imagem ampliada:
<img src= “http://ajudinhainformatica.blogspot.com/” width= “226” height=”170″ alt= “Coloca qualquer coisa aqui, amigão”>
Imagem reduzida
<img src= “http://ajudinhainformatica.blogspot.com/” width= “82” height=”62″ alt= “Ah, o comando ALT. Tão simples!”>
ESPAÇAMENTO HORIZONTAL
<img hspace="espaçohorizontal"> - especifica um espaço em branco a ser deixado entre as bordas esquerda e direita da imagem, em pixels. Ou seja, os textos que forem escritos ao redor da imagem não ficarão grudados nela.
ESPAÇAMENTO VERTICAL
<img vspace="espaçovertical"> - especifica um espaço em branco a ser deixado entre o topo e o pé da imagem, em pixels. Ou seja, os textos que forem escritos ao redor da imagem não ficarão grudados nela.
POR EXEMPLO:
<img src="computador.gif" alt="Pentium 3" align="right" border=1 height=180 width=120 hspace=10 vspace=10> - a imagem estará alinhada à direita, e toda vez que um usuário passar o cursor em cima dela, aparecerá o texto "Pentium 3".

INSERINDO IMAGENS NO SEU BLOG
Esta dica foi criada para lhe dar uma noção de como é o procedimento.
<img src=”http://ajudinhainformatica.blogspot.com/“>
Prontinho. É só trocar o http://ajudinhainformatica.blogspot.com/pelo endereço da imagem que você deseja utilizar.
Esse código pode ser usado tanto nos posts quanto no template do site.

E que tal colocar um texto nesta imagem? Funciona assim: Quando alguém colocar a seta do mouse em cima da figura, aparecerá um texto sobre ela.
Vamos ensinar como fazer e depois mostrar o resultado.
<img src=”http://site.com.br/imagem.gif&#8221; alt=”Seu texto aqui”>

ALINHAMENTO
Para colocar o texto ao lado da imagem.
<img src=”http://ajudinhainformatica.blogspot.com/” alt=”Tanto faz” align=”top”>Texto
ao lado.
Texto ao lado, na parte central.
<img src=”http://ajudinhainformatica.blogspot.com/” alt=”Tanto faz” align=”middle” >Texto
no meio.
Texto ao lado da imagem, embaixo.
<img src=”http://ajudinhainformatica.blogspot.com/” alt=”Tanto faz” align=”bottom” > Texto
em baixo
Imagem alinhada à esquerda do texto.
<img src=”http://ajudinhainformatica.blogspot.com/” alt=”Tanto faz” align=”left” > Imagem alinhada a esquerda do texto.

Quando se usa o parametro ALIGN=LEFT, pode-se ter mais de uma linha de texto ao lado da imagem, o que não acontece com
ALIGN=TOP ou MIDDLE
Imagem alinhada à direita.
<img src=”http://ajudinhainformatica.blogspot.com/” alt=”Tanto faz”> Imagem alinhada à direita do texto. Quando se usa o parametro ALIGN=RIGHT, pode-se ter mais de uma linha de texto ao lado da imagem, o que não acontece com
ALIGN=TOP ou MIDDLE

7. HIPERTEXTO

REFERÊNCIA DE HIPERTEXTO:

<a href="http://endereçodapágina.htm">Aqui vai o nome ou o endereço da página para a qual você está apontando o link</a>

- estas tags criam links para outras páginas da Internet.

Por exempo: para colocar um link do Ajudinha Informatica na sua página, escreva:

<a href=http://ajudinhainformatica.blogspot.com/>Ajudinha informatica</a>

Um visitante na sua página que clicar sobre o link Ajudinha Informatica será levado à página principal do site.
REFERÊNCIA DE HIPERTEXTO COM IMAGEM :

<a href=http://ajudinhainformatica.blogspot.com/><img src="http://ajudinhainformatica.blogspot.com/"></a>

- neste caso, em vez de colocar o link em um texto, você estará colocando o link em uma imagem.
LINK PARA E-MAIL:

<a href=mailto:username@provedor.com.br>Mande-me um e-mail</a>

- Essas tags permitem que os visitantes mandem e-mail para o autor do site, ao clicar no endereço.

ABRIR LINK EM NOVA JANELA:

<a href="http://ajudinhainformatica.blogspot.com/" target="_blank">nome do link</a>

Para fazer com que os sites que você linka abram em outra janela, basta acrescentar o target=”_blank” depois do endereço.

8.Comentários

<!– Comentários –> – Quando se quer incluir um comentário no código HTML sem que ele apareça na página, usa-se esta tag. O browser a ignora e a sua utilidade consiste na facilidade de localizar partes específicas do código.

16 de março de 2009 Posted by | como usar, computador, dica, dicas, HTML, internet, O que é, Tutorial | Deixe um comentário