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>
Books
Tutorials
About Us
Contact Us
</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>
ব্রাউজার দিযে খুললে
নিন্মেক্ত ফলাফল পাওয়া যাবে।
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
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...
RELATED POST LINKS BELOW ********************************************