HTML টিউটোরিয়াল পর্ব (৮)


বিসমিল্লাহির রহমানির রাহিম সবাইকে জানায় আমার সালাম ও শুবেচ্ছা সবাই কেমন আছেন? সবাই আশাকরি আল্লাহর রহমতে ভাল আছেন আমিও আল্লাহর রহমতে অনেক ভাল আছি আজকে আবার আপনাদের মাঝে ফিরে এলাম নতুন এক টিউন নিয়ে যা কিনা আপনাদের খুবই কাজ দিবে বিশেষ করে নতুনদের ক্ষেত্রে HTML শিখার কাজে, আশাকরি বুঝতেই পারছেন এইচটিএমএল এর আরেকটি পর্ব নিয়ে হাজির হয়েছি সুতারাং আপনারা এই পর্বের টিউটোরিয়ালটি ভাল করে পর্যালোচনা/গবেষণা করলে আশা করি এইচটিএমল অনেক সহজ হয়ে যাবে… চলুন তাহলে টিউনটি পড়ে ফেলি ..

এইচটিএমএল সাইডবার, হেডার, লেআউট তৈরীর নিয়ম

আপনার প্রথমে আপনাদের পিসিতে Start Menu-All Programs-Accessories-Notepad এ যাবেন অত:পর নিচের কোড কপি করে নোডপেডে পেস্ট করবেন
কোড :
<html>
<head>
<title>Tunerpage</title>
</head>
<body bgcolor="orange">
<table width="1350" border="5">
<tr>
<td colspan="3" style="background-color: #93C;"><center>
<h1>Tunerpage</h1>
</td>
<tr>
<td style="background-color:#FFFFF;">
<h2><a href="#">Home</a>&nbsp; &nbsp;<a href="#">Tutorial</a></h3>
</td>
</tr>

<tr valign="top">
<td style="background-color:#C99;width:100px;text-align:top;">
<p><b>Side bar</b><br />
<a href="#">HTML</a>
<br />
<a href="#">CSS</a>
<br />
<a href="#">Javascript</a><br />
<a href="#">Programming</a>
</p></td>
<td style="background-color:#EEEEEE;height:420px;width:400px;text-align:top;"><h2 style="color:#900">Tunerpage blog</h2>
<p style="color: #006">Tunerpage.com <br />
Tunerpage is most helpful site for all bangladeshi user<br />
This is a IT related site<br />
</p></td>
</tr>

<tr>
<td colspan="2" style="background-color:#999;text-align:center;">
Copyright ©Tunerpage.com</td>
</tr>
</table>

</body>
</html> 
এবং এটাকে webpage.html নামে সেভ করবেন এবং ঐ ফাইলটি যেখাইনে সেভ করেছেন উখানে গিয়ে খুলে দেখুন নিচের ছবির মত দেখাবে

 


আজ এই পর্যন্ত থাক সবাই ভাল থাকবেন সুস্থ থাকবেন এই কামনায় রইল আল্লাহ হাফেজ ....


Safiul Hasan Rejvi

আমি একজন সাধারণ মানুষ ...সাধারণ মানুষ হিসেবে থাকতে চাই সব সময়........

1 Comments

  1. এইচটিএমএল শিখার আগ্রহীদের অনেক কাজে আসবে।

    ধন্যবাদান্তে,
    ব্লগার মারুফ ডট কম

    ReplyDelete
Previous Post Next Post