Total Pageviews

Sunday, 6 November 2016

Styling letter Using CSS in HTML

1.Start by creating a new web page
<html>
<head>
<title>Application for job</title>
</head>

<body> 
</body>
</html>

2 .The next thing to do is writing senders address ,it should be Heading so i make h4 heading .
<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 > C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>
</body>
</html>

this is will be the results when run the codes .

you can see that its at the left side of the  page and it must be align right 

Add this styling code to the H<tag>
<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>
</body>
</html>
Thats okay , its now at the right  side now .the  margin-left:700px; tells the browser to start displaying the the whole division 700 position from the left .

3.the next thing to do is the address of the receiver  


<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/> 
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
</body>
</html>

after running this will be the results

I already the margin left tell where the browser will start displaying the tag 


4.The next thing to do is the salutation 

<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/>
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
 <h4 style="margin-left:130px;">Dear Sir/Madame,<h4/>
</body>
</html>


5 .The title of the letter


<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/>
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
 <h4 style="margin-left:130px;">Dear Sir/Madame,<h4/>
<p style="margin-left:250px; text-decoration:underline; font-size:16px;" >
    APPLICATION FOR EMPLOYMENT AS WEB DEVELOPER IN YOUR COMPANY</p>
</body>
</html>


6 The body of the letter 

<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/>
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
 <h4 style="margin-left:130px;">Dear Sir/Madame,<h4/>
<p style="margin-left:250px; text-decoration:underline; font-size:16px;" >
    APPLICATION FOR EMPLOYMENT AS WEB DEVELOPER IN YOUR COMPANY</p>

<P style="width: 700px; margin-left: 250px; text-align:left;" >This letter its to express my interest with the advertisment made on www.jobberman.com on 
      17th/November/2015 for an experienced ,detailed-oreinted, front end web developer.</p>
      <P style="width: 700px; margin-left: 190px; text-align:left;" >
      With 6 years of hands-on experience efficienctly coding web sites and applications using web modern HTML,CSS and Javascripts,I am confident 
      i will be an excellent addition to your organization .
      Building state-of-the-art,easy to use ,user friendly web sites and applications is truly a passion of mine .i actively seek out new technologies , and 
      stay up-to-date on industry trends advancements.continue education has allowed me to stay ahead of the curve and 
      deliver excepttional work to each employer i've worked for both fulltime  and contract.
         I have attached a copy of my resume that details my experience ,along  with links to the various websites
          and applications i've had honor of working on . i can be reached anytime via my cell phone ,0267236576
          or via email abdulrazakneate@yahoo.com.<br/>
</body>
</html>


7 Ending/conclusion  of the letter
<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/>
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
 <h4 style="margin-left:130px;">Dear Sir/Madame,<h4/>
<p style="margin-left:250px; text-decoration:underline; font-size:16px;" >
    APPLICATION FOR EMPLOYMENT AS WEB DEVELOPER IN YOUR COMPANY</p>

<P style="width: 700px; margin-left: 250px; text-align:left;" >This letter its to express my interest with the advertisment made on www.jobberman.com on
      17th/November/2015 for an experienced ,detailed-oreinted, front end web developer.</p>
      <P style="width: 700px; margin-left: 190px; text-align:left;" >
      With 6 years of hands-on experience efficienctly coding web sites and applications using web modern HTML,CSS and Javascripts,I am confident
      i will be an excellent addition to your organization .
      Building state-of-the-art,easy to use ,user friendly web sites and applications is truly a passion of mine .i actively seek out new technologies , and
      stay up-to-date on industry trends advancements.continue education has allowed me to stay ahead of the curve and
      deliver excepttional work to each employer i've worked for both fulltime  and contract.
         I have attached a copy of my resume that details my experience ,along  with links to the various websites
          and applications i've had honor of working on . i can be reached anytime via my cell phone ,0267236576
          or via email abdulrazakneate@yahoo.com.<br/>
<P style="width: 700px; margin-left: 250px; text-align:left;" >Thank you for your time and consideration .
          I hope my qualification  would meet you demands ,i look forward to speaking to with you about this opportunity.</P>
         <p style="margin-left:190px;"> My regards.</p>
</body>
</html>

8 Subscription
<html>
<head>
<title>Application for job</title>
</head>

<body>
     <h4 style=" margin-left:700px; margin-top:50px;"> C/O ALAHASSAN ABUBAKARI,<br/>
       POST OFFICE BOX 2576,<br/>
       TAMALE NORTHERN REGION,<br/>
      23RD NOVEMBER,2015.</h4>

          <h4 style="margin-left:130px;">MTN GAHANA LIMITED, <br/>
      TAMALE BRANCH,<br/>
      TAMALE NORTHERN REGION.<br/>
   </h4>
 <h4 style="margin-left:130px;">Dear Sir/Madame,<h4/>
<p style="margin-left:250px; text-decoration:underline; font-size:16px;" >
    APPLICATION FOR EMPLOYMENT AS WEB DEVELOPER IN YOUR COMPANY</p>

<P style="width: 700px; margin-left: 250px; text-align:left;" >This letter its to express my interest with the advertisment made on www.jobberman.com on
      17th/November/2015 for an experienced ,detailed-oreinted, front end web developer.</p>
      <P style="width: 700px; margin-left: 190px; text-align:left;" >
      With 6 years of hands-on experience efficienctly coding web sites and applications using web modern HTML,CSS and Javascripts,I am confident
      i will be an excellent addition to your organization .
      Building state-of-the-art,easy to use ,user friendly web sites and applications is truly a passion of mine .i actively seek out new technologies , and
      stay up-to-date on industry trends advancements.continue education has allowed me to stay ahead of the curve and
      deliver excepttional work to each employer i've worked for both fulltime  and contract.
         I have attached a copy of my resume that details my experience ,along  with links to the various websites
          and applications i've had honor of working on . i can be reached anytime via my cell phone ,0267236576
          or via email abdulrazakneate@yahoo.com.<br/>
<P style="width: 700px; margin-left: 250px; text-align:left;" >Thank you for your time and consideration .
          I hope my qualification  would meet you demands ,i look forward to speaking to with you about this opportunity.</P>
         <p style="margin-left:190px;"> My regards.</p>
 <p style="margin-left:700px;">  
           Yours Faithfully,<br/>
           ABUBAKARI ABDUL RAZAK.<br/>
    0548496121
  </p>

</body>
</html>




No comments:

Post a Comment