WEB DESIGN AND DEVELOPMENT class 4
Topic 9
Table
....<table></table>....⇒<table>
<tr></tr> [টেগ <tr> দিয়ে table row আনা হয়]
</table>
⇒... <table border="1px" height="200px" width="70%">
<tr>
<td><p>A</p></td> [টেগ <td> দিয়ে table column আনা হয়]
<td><p>B</p></td> [table এর লেখাকে paragraph মুডে নিতে <p> tag দেওয়া হয়।]
<td><p>C</p></td>
</tr>...
⇒ ...<tr> <td><p>A</p></td> <td><p>B</p></td> <td><p>C</p></td> </tr>...
⇒ ...<tr> <th><p>A</p></th> <th><p>B</p></th> <th><p>C</p></th> </tr>
<tr> <td><p>A</p></td> <td><p>B</p></td> <td><p>C</p></td> </tr>
<tr> <td><p>A</p></td> <td><p>B</p></td> <td><p>C</p></td> </tr>
<tr> <td><p>A</p></td> <td><p>B</p></td> <td><p>C</p></td> </tr>...
[প্রথম row এর column কে সাধারনত heading করা হয়, তাই <td> এর পরিবর্তে <th> use করা হয়েছে।]
⇒ ...<tr height="200px"> <th width="20%"><p>A</p></th> <th colspan="2"><p>B</p></th><th><p>C</p></th></tr>
A=<img src="my.jpg" height="50px" width="50px">
[ছবি ইনপুট করতে A এর পরিবর্তে <img> taq এর ব্যবহার]
<tr height="40px"> <td colspan="3"><p>A</p></td><td><p>B</p></td> <td><p>C</p></td></tr>
<tr height="400px"><td width="70%" colspan="2"><p>A</p></td> <td><p>B</p></td><td><p>C</p></td></tr>
<tr height="40px"> <td colspan="3><p>A</p></td><td><p>B</p></td> <td><p>C</p></td></tr>...
[প্রথম row থেকে 'c' column কে মুছে দিয়ে B কে তার যায়গা দখল করতে দিলাম, তার জন্য B width টেগ <th> এ attribute হিসাবে colspan="2" দিলাম , এখানে 2 মানে, B এবং C দুইটার যায়গা B একা দখল করবে। অনুরূপ ভাবে অন্য row এর কাজ করা হয়েছে।]
YouTube Link: https://bit.ly/2Yr4nGy
No comments