Visual Force Basic code

<apex:page >

  <!-- Begin Default Content REMOVE THIS -->

  <h1>Congratulations</h1>

  This is your new Page

  <!-- End Default Content REMOVE THIS -->

</apex:page>


***************************************************

<apex:page showHeader="True" sidebar="False" tabStyle="Student__c">

  <!-- showHeader is to enable or disable the Heading part of the Page -->

  <!-- sidebar is to enable or disable the sidebar of the Page -->

  <h1>Welcome to {!$User.Username} Page!</h1>

    <!--    {!} is used to display the dynamic content of the page -->

    <!-- To create a seperate page block -->

  <apex:pageBlock title="Primary" tabStyle="Project__c" >

   <apex:pageBlockSection >

   <h2>Page block section One </h2>

    <apex:pageBlockSectionItem >Srinu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Somu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Vasu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Gopi</apex:pageBlockSectionItem>

   </apex:pageBlockSection>

   <h2>Page block section Two </h2>

   <apex:pageBlockSection >

    <apex:pageBlockSectionItem >Srinu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Somu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Vasu</apex:pageBlockSectionItem>

    <apex:pageBlockSectionItem >Gopi</apex:pageBlockSectionItem>

   </apex:pageBlockSection> 

  </apex:pageBlock>

    

  <apex:pageBlock title="Secondary" >My Second Block</apex:pageBlock>

  <apex:pageBlock title="Third" tabStyle="Project__c" >My Third Block</apex:pageBlock>

    <h1>Welcome to Srinu Page</h1>

 

  <!-- End Default Content REMOVE THIS -->

</apex:page>