know yourselves. information, computer, 7 wonders, various.

Monday, April 18, 2016

HTML Part 032




<Div> <Table> সহ Layout
এখন Content সমৃদ্ধ Div এর মধ্যে একটি টেবিল সংযোজন করবো। Table Layout এ যেমন Nested Table আকারে টেবিলের Cell 1 Column 2 Rows বিশিষ্ট একটি টেবিল দিয়েছিলাম সে রকম একটি টেবিল <Div> এর মধ্যে সংযোজন করে Layout তৈরী করবো।
উদাহরণ স্বরূপ কোড হচ্ছে নিম্নরূপ:

<!DOCTYPE html>
<html>
<head>
<title> example of Layout9 </title>
</head>
<body>
<div style="width:500px">
<div style="background-color:#0099FF;text-align:center;">
<h1 style="margin-bottom:0;">Nova Computer</h1>
</div>
<div  style="background-color:#9999FF; height:25px; width:500px; float:left;">
Home </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Books &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Tutorials &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
About Us &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Contact Us &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div style="background-color:#00CCFF; height:200px; width:100px; float:left;">
<b>LINK</b> <br />
Link1<br />
Link2<br />
Link3
</div>
<div  style="background-color:#CCFFFF; height:200px; width:300px; float:left;">
Title and Content.
     <table border="1"style="height:150px;">
     <tr>
     <td style="width:150px;" >Sub Title1</td>
     <td>
     <p style="font-size: 10;">
     <b>Sub Title2</b> <br />
     content2 content2 content2
     </p>
     <p style="font-size: 10;">
     <b>Sub Title3</b><br>
     content3 content3 content3
     </p>
     </td>
     </tr>
     </table>
</div>
<div  style="background-color:#00CCFF; height:200px; width:100px; float:left;">
<b>Adsence</b><br />
Add1<br />
Add2<br />
Add3
</div>
<div  style="background-color:#CCCCFF;clear:both;text-align:center;">
Copyright © bappi ashraf.com
</div>

</div>
</body>
</html>
ব্রাউজার দিযে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।




Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

 cd

RELATED POST LINKS BELOW ********************************************