Segurança na internet - link suspeito

Bom hoje recebi um e-mail de um amigo meu que dizia assim no titulo
"Ajude a divulgar esse monstro ainda nao foi preso. Video mostra pai abusando de um filho e dois sobrinhos todos menores de 11 anos!"; como a natureza do ser humano é imediatamente clicar em cima para ver o que há dentro e-mail, veja o e-mail

Veja tem um link da globo.com ali(a globo.com não tem nada haver com esse link), você deve imaginar que isso deva ser verdade, de confiança, veio de um amigo seu. Bom vamos ver o que acontece se você copiar e colar no seu navegador.

Ops! pagina não encontrada, ou seja, nos deparamos com uma armadilha, vai saber o que tem por trás do link que está no seu e-mail. Poder ser um vírus? Pode. Pode ser um Worm(verme, vou explicar logo a baixo o que é Worm)? Poder ser, só saberemos se clicarmos nesse link(eu não recomendo).


Outra maneira de identificar o que tem por trás desse link é simplesmente deixar o mouse em cima do link, ira aparece uma caixa de texto como na imagem a baixo, lembra do link que vimos la em cima, não tem nada haver com esse que aparece quando deixamos o mouse em cima, ele te leva para outro lugar.

Com a experiencia que eu tenho posso afirmar que se trata de um Worm, que vai pegar minha lista de contato e vai dispara automaticamente o mesmo e-mail usando o meu nome e meu e-mail, se multiplicando varias vezes, e pode roubar alguma ou algumas informações, pode conter um vírus que captura tudo o que eu digito no teclado, pegando assim usuário e senha do facebook, MSN, ou seja tudo que você digitar no teclado.

O que fazer quando recebemos esse tipo de e-mail? Primeira coisa é verificar se o link é de verdade como expliquei a cima, e a segunda coisa é a visar para a pessoa que te mandou o e-mail que está com um vírus não computador.

Mas o que éum Worm? é um tipo de vírus de computador que se multiplica muito rápido pela internet, vou deixa o link da wikipedia que fala sobre Worm. http://pt.wikipedia.org/wiki/Worm

Vamos deixar a internet mais segura. Faça sua parte

Linguagem HTML => Tags vazias

Bom hoje vamos falar de tags vazias e como elas funcionam. Primeiro vamos ao conceito da tag vazia: ela se caracteriza principalmente por não ter conteúdo, como as que vimos no tópicos passado,  a tag vazia tem a seguinte sintaxe  <  nome da tag   />, bem simples.

Vamos enumerar algumas mais usadas:

<br />   => essa tag pula uma linha, observe a figura abaixo

Observe que no código HTML o texto está em linhas separadas, já na visualização em navegador estão na mesma linha, qualquer navegador vai entender desse jeito.

Agora veja o mesmo código com a tag <br />

Veja como ficou apos a colocarmos a tag, a visualização ficou "igual" ao código HTML, porque agora o navegador compreende que é para pular uma linha

<hr />  => Essa tag cria uma linha horizontal na pagina, vou usar o mesmo código de cima e vou mostrar como funciona.

Coloquei bem colado na tag "br" de proposito para mostrar algo interessante, a tag "hr" cria uma linha do tamanho da tela, e a pagina na internet funciona como se fosse um "MS Word" chego no limite da linha, ele automaticamente pula para a linha de baixo, tem como modificar isso usando uma outra linguagem web chamanda CSS, que veremos mais para frente.

<img /> => Essa é a tag de imagem, essa acredito que seja a mais complexa tag vazia, vamos para a sintaxe mais simples dela <img src="nome da imagem.jpg"/>

O src vem do inglês source que significa fonte, ou seja deve-se colocar aqui o destino da imagem. Lembrando que não é igual ao caminhos que encontramos no nosso computador. Farei um tópico explicando como são os caminhos em um servidor web e como acessá-los.

Incrementando uma pouco mais a tag "img" colocamos a função border, que do inglês significa borda, se border=0 ficará sem borda, se border=1 ficará com borda veja como fica a tag <img border=0 src="nome da imagem.jpg"/>

Observe a imagem

A mesma imagem mais um com border=1 e outro com border=0 respectivamente. Por padrão toda imagem tem border=0, porem quando usamos uma imagem como link usando a tag de conteudo <a><img /><a/>, o padrão da borda passa de "0" para "1" e deixara uma borda azul entorno da imagem na proxima imagem veremos isso melhor.

Veja que na primeira imagem não há a função border e a imagem ganhou uma borda azul, e na de baixo com o border a imagem ficou sem a borda azul.

Obs:Vejam como que funciona a tag de conteúdo

Função width que do inglês quer dizer largura, aqui você pode acertar a largura da imagem, as unidades de medidas postarei mas para a frente

Função height que do inglês quer dizer altura, aqui você pode acertar a altura da imagem.

Bom espero que tenham gostado, duvidas por favor escrever nos cometário, compartilhem esses tópico no Facebook, Twitter para ajudar a divulgar meu trabalho

Linguagem HTML => Tags de conteúdo

Hoje veremos as Tags conteúdo e como elas funcionam, mas para frente postarei tópicos explicando o que cada tag faz, primeiro vamos aprender o conceito.

Tag de conteúdo são todas as tags que tem uma abertura, seu conteúdo e seu fechamento. Um exemplo é a tag que da titulo a pagina de internet que aparece igual  na imagem abaixo.

Está aparecendo no titulo "Dicas Web" por que no código HTML a tag está assim: <title>Dicas Web</title>

Outras tags de conteúdo, que veremos nos próximos tópico:

<div> </div> -> cria uma divisão na pagina

<p> </p>     -> cria um paragrafo

<a></a>      -> cria um link

Lembrando existe um site que ensina tudo sobre HTML, ele é todo em inglês, tem como traduzir mas nem todo tradução fica 100%, o site é http://www.w3schools.com/html/

Próximo tópico será com as tags vazias, esse eu vou explicar mais afundo o que cada um dela faz, por serem poucas tags vazias fica mais fácil explicar cada uma.

Outra maneira fácil de brincar com o código HTML é usar um add-on do Firefox que está nesse link: https://addons.mozilla.org/pt-br/firefox/addon/firebug/, com esse plugin você tem acesso a todo o código da pagina, pode alterar e visualizar como fica(lembrando que, essas modificações não afetará a pagina que está no servidor), é bem interessante. Eu uso bastante quando eu desenvolvo paginas para internet.

Outro jeito é clicar com o botão direito na pagina e procurar a opção visualizar código-fonte ou só código-fonte, vai depender do navegador que você usa, esse é menos interessante, pois se você modificar algo no código nada acontecera com a pagina.