Skip to main content

Basics You Should Know to Analyze a Website


I recently realized that,giving walk through wont help half of the beginners..even i have struggled initially to make my own moves without knowing how other analysts are thinking..
So, Lets dive into some basic web tags which will help you know what the site is doing and analyzing. 

Every website should have this basic structure...

<html>
<head>
<title></title>
</head>
<body></body>
</html>
Every web design is  structured using Hyper Text Markup Language.
the code of HTML is written between <html> and </html>
[opening and closing html tags]
<head> tag is where we import important things such as CSS or JS files ..we also define CSS and JS within the head tag.Within head opening and close tags there is title tag which defines the title of the page.Then we have body tag,this is where the content of web-page is written.This is were we have to make a close look for analyzing.
<div> tag is used for defining divisions..its simply a separate unit or area and we write contents of div withing opening and closing div.
  
<div id='header'>HEADING</div>

In above example,div tag is given an id 'header' an id is a unique name given to anything ,like div body or any tag of HTML to uniquely identify it..this name is used in future for calling this div in java-script or for defining styles of this div in CSS.

<div class='header'>HEADING</div>

class is similar to id but the difference is that same class name can be used for different tags.
example,

<div class='name'>Mont3</div>
<div class='name'>Cris7o</div>

here,two div use same class name which is not possible in the case of id.

<b>BOLD</b>   b tags are used for making a text bold
Output
=======
BOLD

<u>Underline</u> used for giving underline
Output
=======
Underline

<i>italic</i> giving italic style
Output
=======
italic

<br> br tag is used for giving break..there is no closing tag for br 
example,
Helo<br>Welcome

Output
=======
Helo
Welcome

<ol><li>home</li><li>contact</li></ol>
Output
=======
  1. home
  2. contact
<ul><li>home</li><li>contact</li></ul>
Output
=======
  • home
  • contact
usually we use list with some css atributes for making menu
ol stands for ordered list ul for unordered list
<font color='red' family='arial'></font> used for styling font ..this is rarely used nowadays because CSS is used for all these purpose.

If you are on a webpage and saw some awesome heading or menu and if you wanna know the code behind it, just right click on it and select inspect, you will probably see a div and notice the id or class of it and using viewsource code look for the css or java code that uses this id or class.

Though these are just basics you need to know how to understand a web page..for that you need to learn some more basics,for that visit and learn from 

OR 


Comments

Popular posts from this blog

Hack This Site Basic 10

Please enter a password to gain access to level 10 Only this much is written as hint.What we should do? I have tried reading the source code and there is no hint how the password is validated.So,we have no other way than intercepting the data.Once we enter the password and hit submit the password along with some request is sent to the server by the browser.There can be very vital information in this request.What we do is intercept this request before it is sent to the server.For this we use "Burp Suit" or some extensions for tampering data.For chrome and firefox,we have tamper data addon.Iam using chrome add on:  Tamper Chrome HOW TO USE IT? *Right click somewhere and select inspect. *Now select the three arrows pointing right on top right corner. *Now select  Tamper from it(make sure you have added the extension in             chrome). *Now input some password in out mission or leave it empty and hit submit. *You will see a new tab with the request det

Hack This Site Basic 6

Network Security Sam has encrypted his password. The encryption system is publically available and can be accessed with this form: There we have been given with the same encryptor used by Sam .There is no other choice in my mind than guessing the password with the help of this encryptor. We have Sam's encrypted password already :3ff8;j<9 >Now we need to find by giving which value we get the output as 3. >when i given 'a' my output was 'a',which means no change. >So,I tried giving '3' and as expected, answer was 3. >So i pushed my luck and tried '3f',the first two letters,in encryptor ,Output was '3g'    this was clearly giving us hint.first letter has no change,second letter change by one alphabet or           letter ,clearly from 'abcdefg' >with this in mind iam giving input for encryption as '3ed',Huraaah!, it was successful and given output as '3ff'. >now its easy to break down ...

Hack This Site Basic 8

Sam remains confident that an obscured password file is still the best idea, but he screwed up with the calendar program. Sam has saved the unencrypted password file in /var/www/hackthissite.org/html/missions/basic/8/  However, Sam's young daughter Stephanie has just learned to program in PHP. She's talented for her age, but she knows nothing about security. She recently learned about saving files, and she wrote a script to demonstrate her ability. So, we know the password is stored in some obscured password file.  Lets try the same code as we did in level 7. But the code 'ls' is not treated as command. so lets try it differently. Try with aaa;<!--ls--> it also failed but got a message: If you are trying to use server side includes to solve the challenge, you are on the right track: but I have limited the commands allowed to ones relevant towards finding the password file for security reasons(because there will always be that one person who decides to