How To Create Deface Page

Hello Hack Community today I'm going to write a small tutorial on how to make your own deface page using simple HTML. This can also be helpful if you want to make your own website. So lets get started and hope you like the TUT.

[*] Coding tutorial:
[*] W3schools - Great place to learn web based languages!

[+] I would suggest visiting w3schools to learn more advanced coding and different languages. The more languages you know the better your deface or site will look.

[*] Tags we will be using :

[*] <html> -
Used to begin the page, use </html> to close the tag and end the page.

[*] <head> -
Is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>. Closing tag as before, just add </head>.

[*] <title> -
Pretty self explanatory, used to give page a title, in the title bar of browser.

[*] <body> -
The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.

[+] <body> Attributes -

Spoiler:

[Image: cMXzM.png]

[*]<h1>-<h6> -
The <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines the least important heading.

[+] <h1>-<h6> Attributes -

Spoiler:

[Image: dPbFg.png]

[*] <p> -
The <p> tag defines a paragraph. Browsers automatically add some space (margin) before and after each <p> element. The margins can be modified with CSS (with the margin properties).

[+] <p> Attributes -

Spoiler:

[Image: dPbFg.png]

[*] <pre> -
The <pre> tag defines preformatted text.Text in a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks.

[+] <pre> Attributes -

Spoiler:

[Image: 3f2sY.png]

[*] <a> -
The HTML <a> tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. The most important attribute of the <a> element is the href attribute, which indicates the link's destination.

[+] <a> Target Attribute -
The target attribute specifies where to open the linked document.The example below will open the linked document in a new browser window or a new tab:

PHP Code:

< a href = "http://www.hackcommunity.com/" target = "_blank" > HACK COMMUNITY , CLICK ME TO JOIN !</ a >

[*] <font> -
The <font> tag specifies the font face, font size, and font color of text.

[+] <font> Attributes -

Spoiler:

[Image: 64J7d.png]

[*] <img> -
The <img> tag defines an image in an HTML page. The <img> tag has two required attributes: src and alt.

[+] <img> Attributes -

Spoiler:

[Image: daZej.png]

Those are the only tags and attributes I will be discussing because its just about all we need to make a nice,simple, and clean website or deface page. So lets make us a deface page. Here are some simple examples:

[*] DEFACE 1

PHP Code:

< html > < head >< title >~ HACKED ~</ title ></ head > < body bgColor = black > < center > < img src = "http://i.imgur.com/rjyvZ.png" > < h1 >< font color = "white" face = "verdana" size = "8" > Contact Me .</ h1 ></ font > < a href = "http://www.hackcommunity.com/User-LEGITimacy%E2%84%A2" > LEGIT @ HC </ a > </ center > </ body > </ html >

[*] DEFACE 2

PHP Code:

< html > < head >< title >~ HACKED ~</ title ></ head > < body bgColor = black > < center > < pre >< font color = "white" > .%%..%%...%%%%...%%..%%. .%%..%%..%%..%%..%%... .%%..%%%%....%%.%%%....%%..%%... .%%..%%..%%..%%....%%..%%... .%%..%%...%%%%...%%....%%... .. </ font ></ pre > < h2 >< font color = "white" face = "verdana" size = "8" > Contact Me .</ h2 ></ font > < a href = "http://www.hackcommunity.com/User-LEGITimacy%E2%84%A2" > LEGIT @ HC </ a > </ center > </ body > </ html >

And thats about it, study the code and learn more html and other languages and make you a website or deface page :blackhat: