HTML [p/ phishing e etc]

**Quicky** · 02 Feb 2006, 23:41

:!: Tendo em vista o número de usuírios que se interessaram pelo tutorial anterior de phishing scan. Decidi fazer esse tópico falando mais a fundo sobre HTML, que pra quem não sabe, é a "linguagem" necessíria para fazer um site usando apenas o bloco de notas. Bom, e também tenho conhecimento de que muita gente ignorarí este tópico, porquê não se trata dum método de invadir um pc com 2 cliques. Mas sei também de que provavelmente, se arrependerão de não ter aprendido um método criativo de criar outras coisas que possam possibilitar uma invasão tanto de email quando de outra coisa :roll:

:!: Por onde criar os códigos em html?
Bom, os códigos em html podem ser escritos em qualquer editor de texto (notepad, word, e etc). Porém para que possa executí-los é necessírio que os mesmos estejam com a extensão .html.

:!: Vantagens do HTML
O html é o "primórdio" necessírio para se fazer um site. É altamente recomendado, ter ao menos uma noção de HTML antes de criar um site. Mesmo usando programas. A vantagem do html, é que pode ser vizualizado com apenas 2 cliques. Pois não precisa compilar jí que é uma linguagem de web. E também não é necessírio rodar um servidor apache com php pra rodar, que infelizmente é necessírio no php. E também, HTML é a linguagem que na minha opinião, possui o mais fícil entendimento e é altamente recomendada para pessoas que entram em contato pela primeira vez com códigos.

:!: Sintaxe Bísica
Em HTML, a gente tem oque é chamado de Sintaxe Bísica. Ou seja, é o "modelo" padrão na qual se deve seguir antes de começar a mecher, a seguir a sintaxe bísica:

Código:

<html>
<head><title>Sintaxe HTML</title></head>
<body>
Este é um exemplo de sintaxe bísica em HTML
</body>
</html>

:!: Como é dado os comandos em HTML:
Em toda linguagem, seja de programação ou em linguagem de Web (como o caso de HTML) existem comandos que modificam tudo que é aplicado. Em html, esses comandos são chamados de tag's

:!: O que é e como indetificar uma tag HTML:
Uma tag html, é sempre iniciada sendo introduzida entre <> .Exemplo: <body>. E é fechada com </>. Exemplo: </body>
Tudo que tiver ente a abertura e o fechamento da tag surtirí efeito.

:!: Explicação da Sintaxe Bísica:
Na Sintaxe Bísica (citada acima), iniciamos com "<html>" que é a tag que deve ser sempre posta em primeiro lugar, que indica que o documento usa a linguagem html. Logo abaixo, temos as tag's head e title que indicam oque serí escrito no titulo da janela do Browser (é a primeira coisa a aparecer quando iniciamos uma conexão com um site).
E por último, a tag body que nada mais é do que o "corpo" da pígina ( todas as outras tag's e atributos são postas entre <body> e </body>)

:!: Explicação sobre o uso de fontes em HTML:
Para se fazer um site, é necessírio a escolha de uma ou mais fontes. Porém, vale lembrar, que a mesma só serí vizualizada, caso haja o arquivo da fonte no pc do visitante. Ou seja, não adianta em nada você baixar uma fonte "Harry Potter", fazer um site todo em "Harry Potter" e esperar que as pessoas vejam oque tem escrito. Por isso, é altamente recomendado fazer com senhas comuns: arial, verdana, time new roman e etc.. Para definir o tipo de fonte. Utilizamos a tag "<font>" e seu atributo [b]face[b]. Exemplo:

Código:

<font face="arial">Este texto foi escrito usando a fonte arial</font>

Também é possàvel definir uma fonte padrão para a escrita num site, para não precisar ir pondo milhares de <font> espalhado pelo código. Para isso, usamos o atributo text da tag body. Exemplo:

Código:

<body text="verdana">
...</body>

continua...

Se você leu até aqui, por favor poste para que eu possa então ver que estão lendo e dí continuidade ao tutorial, pois pretendo continuar e ir para partes mais complexas..

**fuhrer0x** · 02 Feb 2006, 23:46

boa mlk...
oq vc pretende colocar nas partes mais complexas?
colocar uns forms?
se for dah tbm uns sites com formail

02 Feb 2006, 23:47

continua! continua!
vou aprender a html com vc :wink: hehehe

**Quicky** · 03 Feb 2006, 00:03

:shock: ok

continuando..

:!: Atributos:
Toda tag, possui "atributos" que servem para aprimorar o efeito da tag no que você deseja. Por exemplo, para definir o tipo de fonte, usa-se o atributo face, para se definir o tamanho, usa-se o atributo size

:!: Atributos comuns em muitas tag's:
height = Define a altura do objeto
width = Define a largura do objeto
align = Define o alinhamento do objeto opções de align = "left", "right", "center", "top", "middle"
size = Estipula o tamanho do objeto. (Funciona na tag font)

:!: Como inserir imagens em um documento html:
É possàvel a inserção de imagens em uma pígina feita em html, utilizando-se da tag <img> e o atributo src, que indica a localização do arquivo (.jpg, .gif ou .png).
Exemplo:

Código:

Observação: A tag img não precisa ser fechada, ou seja, não existe </img> assim como a tag

:!: Saltando linhas em html
Caso você tenha tentado escrever um texto num documento html, creio que deve ter percebido que o texto nao saltarí linhas até que alcance o limite míximo de caracteres por linha. Caso desejes saltar uma linha, utilize a tag
que como jí mencionei não precisa ser fechada.
Exemplo:

Código:

<body>Este texto possui 
 Duas linhas</body>

:!: Inserindo textos com formatação pré-definida:
Também é possàvel saltar linhas, sem usar o br, utilizando a tag "<pre>" que permite escrever um texto com a formatação inserida no código, ou seja, você pode escrever:

Código:

<body>
<pre>
Saltando linha
saltando outra linha
saltando mais uma linha
</pre>
</body>

Continua, peço novamente que comuniquem dúvidas, sugestões e se estão acompanhando, para que possa continuar o tutorial na certeza que estí ajudando.. Pois agora pretendo ir aumentando mais as dificuldades

**GCR** · 03 Feb 2006, 11:10

Eu adoro HTML, acho que junto com criatividade pode se tornar algo muito poderoso.

Mas, por obra de um destino infeliz ( 8) ), estou indo para a praia e ficarei duas semanas lí (PC só na Lan House), então provavelmente não poderei acompanhar muito, ou se acompanhar serí mais difàcel para postar.

Mas continua com o Tutorial aà, por mais que eu jí conheça bastante de HTML é sempre bom saber mais, embora isso que você tenha postado até agora seja apenas o bísico. :wink:

Até 3 semanas! :cry:

**NeotM** · 03 Feb 2006, 11:52

fala cara..blz??
meu cunhado sempre falou q o cara q fazia site por front era bom...mas qm fazia por bloco d nota...era o melhor...eu aprendi ja...um pouco...a fazer pelo bloco d nota..mas o q eu queria aprender...era o seguinte:
(acho q precisarei estudar alguma linguagens...mas...)
teria como vc colocar um trojan...para q a pessoa entrasse na pagina..e automaticamente..o trojan..ou key..."entrasse"(nao achei a palavra certa..)no seu pc??
mas isso por codigo fonte??
obrigado mesmo..
continue postando

**Quicky** · 03 Feb 2006, 13:43

Primeiramente Respondendo:
Ok GCR, vou continuar sim

NeotM, concordo absolutamente com o seu cunhado. Quem faz site por front sem saber html, nao sabe html, sabe mecher com o front. É isso que eu penso, quanto ao negócio do trojan, eu vi em um tópico um esqueminha com action script do flash, e outro em que o rog cita um vul do i.e que permitiria.. oriento você a dí uma pesquisadinha, se quizer restringir ao autor, ponha o rog.

Continuando...

:!: Como Inserir Links:
Em HTML, existe 2 tipos de links: Os links externos e os Internos. O externo aponta para uma segunda pígina. Jí os internos, apontam para dentro da própria pígina (aqueles links "Voltar ao topo" são links internos). Agora vamos as tag's:
A tag responsível pela criação de um link, seja interno ou externo é a tag "<a>", a seguir um exemplo de link para o forum do invaders:

Código:

<a href="http://www.forum-invaders.com.br>Clique aqui para visitar o invaders</a>

Quanto aos links internos é um pouco mais complicado, pois você precisa definir uma âncora, ou seja, o ponto da pígina na qual vai ser direcionado quando se clica no link. Para de finir uma ancora:

Código:

<a name="ancora1">

E agora como criar o link que aponte para a ancora criada:

Código:

Ir a ancora1

Observação Importantàssima: Para ir a um link interno, é necessírio por o # antes, pois o mesmo indica um link interno.

:!: Como inserir imagens:
A inserção de imagens em uma pígina em html é feita utilizando a tag "<img>" e o atributo src. Em html, os tipos de imagens que geralmente são usados, são .gif, .jpg, e .png. Alguns atributos para a tag: height, width, align
Exemplo:

Código:

to be continued..

Obs: agradeçam ao marcelo henry que me fez parar o tuto pra ir jogar cs com ele.. ehOHAHOWQOHHOAHOWQHOAHOWQHOHOAQ
t a proxima.. qualquer dúvida e talz.. mesmo esquema :wink:

**Quicky** · 03 Feb 2006, 18:25

:!: Efeito Marquee:
O efeito marquee talvez seja a única animação possàvel em html. Ele faz o texto correr na pígina, para inserà-lo, insira "<marquee>", e os atributos mais usados é behavior que é o comportamento e a velocidade é dada pelo atributo speed
Exemplo:

Código:

<marquee behavior="slide" speed="25"> Teste</marquee>

:!: Alinhamento de texto e outros elementos:
A tag responsível pelo alinhamento em geral, é a tag p e o atributo align, ou seja, caso a pessoa queira deseje escrever um texto no canto direito da tela, basta usar o código a seguir:

Código:

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

:!: Inserindo diversos tipos de màdia:
É possàvel usar um mini media player na sua pígina. Que nem é feito para por músicas em fotolog. A tag usada para dar esse efeito é a embed junto com o atributo src, e também pode ser estipulado um height e width.
A seguir um exemplo:

Código:

<embed src="http://www.site.com.br/filme.mpeg" height="100" width="250">

Nota: Devido ao fato de midias serem pesadas, recomendo por arquivos de .mid com voz, preferencialmente mp3 convertidos. Eu particularmente usava o Adobe Audition, mas é da preferencia do designer

To be continued..

09 Feb 2006, 00:16

continua camarada! tou com fome de aprender +

vc ta explicando td maravilhosamente !

keep going!

ps: quem ta seguindo este tutorial aconselho a por em pratica conforme ele vai postando pra depois nao tentar fazer tudo de uma vez e dar confusao :lol:

ps2: tb jogo cs! se vc quiser ser humilhado podemos marcar um encontro pra dar-mos uns tiros. .. . :twisted:

**Quicky** · 09 Feb 2006, 00:32

:lol: pensei que nem tivessem lendo

ops:

Útil para phishing scan

:arrow: Formulírios:
Em html, é indicado a criação de um formulírio através da tag <form>, e a mesma possui alguns atributos essenciais e bem-conhecidos. o action e o method. O action indica o caminho na qual os dados do formulírio vão ser enviados. Podendo ser um arquivo em php, um sendmail, e etc. E o method é o método que "serí" o formulírio, podendo ser GET ou POST. A diferença é somente a extensão dos dados e etc.

:arrow: Inputs:
Os formulírios, precisam de inputs para armazenar oque a pessoa digita, e fazer funções a mais. Basicamente, existem dois tipos de input's. O hidden, e os que são visàveis. O hidden, roda escondido (Um exemplo simples, é o campo no qual o cara poe o email naquele meu source de phishing scan hotmail). Jí os outros aparecem. Geralmente são botões, textbox's e textarea.

A seguir um exemplo:

Código:

<form action="sei_lí.php" method="post">
<input type="hidden" name="descrição" value="Formulírio sei lí">
Nome: <input name="nome">

Idade: <input name="idade">

</form>

:arrow: Linhas horizontais
Em html, temos oque chamamos de hr que é uma simples linha horizontal que geralmente é usada para separar coisas. Útil por exemplo, pra separar informações colhidas em phishing scan, ou por exemplo, em uma pígina php feita para pegar o ip do visitante. Para inserir, é bem fícil, basta por um "<hr>". Os atributos são bem simples. Os mais famosos: Color e Size.

to be continued... quem leu avisa :wink:

Tópico: HTML [p/ phishing e etc]

Ferramentas de Tópicos

Pesquisar Tópico

Exibir

HTML [p/ phishing e etc]

Tópicos Similares

Aprendendo html(prá vc que é iniciante em HTML)

[Dúvida] HTML ou HTML e CSS?

Permissões de Postagem