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.

A linguagem HTML

Para começar a desenvolver sites é necessário conhecer a estrutura básica do código HTML, que no meu ponto de vista, é a mais simples de todas as linguagens. A linguagem HTML é feita por tags. Mas o que são as tags? Tag é uma palavra inglesa que significa etiqueta ou rótulo, que serve para o navegador (Internet explorer, Fire Fox, etc...) possa identificar o que é “o quê”, e mostrar para o leitor do site.

As tags tem que ser abertas e fechadas para que funcionem corretamente, existem dois tipos de tags: as de conteúdo e as vazias. As tags de conteúdo tem o seguinte formato: o sinal de menor, nome da tag, sinal de maior - juntos significam que foi aberta a tag. Exemplo: < nome da tag >, o sinal de menor, a barra data (barra no formato da data), o nome da tag, o sinal de maior – significa que a tag foi fechada. Exemplo: </nome da tag>. As tags vazias tem a seguinte forma < nome da tag />, ela tem esse formato porque não tem conteúdo dentro dela. No exemplo abaixo será mais fácil de entender.

As tags que não podem faltar para que a página seja exibida corretamente:

A tag <html> de conteúdo - indica ao navegador que se trata de um documento html, e deve ser aberta no começo do documento e fechado no final contendo todo o código HTML.

Exemplo:


<html> -->abertura da tag
<head>
</head>
<body>
</body>
</html> --> fechamento da tag

É na tag <head> de conteúdo – aqui será colocado o titulo da página, palavras chaves para que o Google busque nosso site  e outros códigos que será mostrado mais à frente.

É na tag <title> de conteúdo – que será mostrado o titulo do seu site, igual quando você entra no site do Terra e aparece  no titulo “Terra – Notícias, vídeos, esporte,...” o Google usa isso como busca. Por padrão ela deve ser fechada e aberta na mesma linha

Exemplo:
<html>
<head> -->Abertura da tag head contendo o titulo do site
   <title>Olá Mundo!</title> --> titulo que aparece Olá Mundo!
</head> --> fechamento da tag head
<body>
</body>
</html>

Como o nome já diz a tag <body> é o corpo da página, então, todo o conteúdo de uma página deve ser inserido dentro da tag <body>.

Exemplo:
<html>
<head>
   <title>Olá Mundo</title></head>
<body>
   lugar de lixo<br/>é no lixo--> veja a tag vazia <br />, essa tag é usada para pular uma linha
</html>

Esse é o básico do HTML, mais à frente iremos um pouco mais fundo explicando outras tags.

Eu recomendo, para começar, que instalem um editor gratuito de edição HTML, existem vários no site Baixaki e no Superdownloads

Caso tenha dúvidas poste-as nos comentários abaixo.

Vou deixa um link com um arquivo HTML para download.  Clique aqui para iniciar o download aguarde os segundos acabrem para fazer o download.

Início de uma aventura

Hoje inicio um projeto pessoal de levar um pouco do meu conhecimento em desenvolvimento web. Aqui você encontrará dicas de programação PHP (MYSQL), HTML, CSS e Javascript. E, também, dicas de segurança na internet, principalmente com os links que vemos nas páginas que visitamos, nas quais aparece um banner bem chamativo dizendo “você é nosso visitante numero X, pois isso acaba de ganhar um ‘produto y’ grátis, clique aqui”. Bom, se você já clicou nesses banners sabe muito bem o transtorno gerado, ou recebeu aquele e-mail da sua mãe com o conteúdo assim, lembra-se dessa foto que tiramos há muito tempo atrás... e o link logo abaixo com um vírus. Vou mostrar esses e-mails à medida que eu for recebendo (sempre recebo).

Aguardem por mais.