HTML কোড ব্যাবহার করে কিভাবে আমরা টেবল তৈরি করবোঃ

Linux Host Lab Ads

আমি অনেক দিন ধরেই টেকটিউনস ফলো করি। আমার দেখা একটি জটিল বাংলা ব্লগ যা শুধু প্রযুক্তি নিয়ে তৈরি। আমার মতো অনেক নন টেকি মানুষ টেকটিউনস এর স্পর্শে এসে টেকি হওয়ার চেষ্টা করতেসে। ধন্যবাদ আমার বন্ধু ইফতিকে কারন তার জন্যই আমার এইখানে আসা এবং তার জন্যই কমপিউটারকে এত আপন করে নেওয়া।

যাই হোক আর প্যাঁচাল না মেরে সোজা কাজের কথায় আসি। আমরা সবাই কম বেশি HTML নিয়ে ধারনা রাখি। আমি জানি টেকটিউনস এ অনেক ভালো HTML পারে এমন টিউনারের সংখ্যা কম নই। আমি তাদের কাছে আগেই ক্ষমা চেয়ে নিচ্ছি যদি আমার এই টিউনটিতে  ভুল হইয়ে থাকে।

Linux Host Lab Offer

Table  তৈরি করবো কিভাবেঃ

আমাদের টেবল তৈরি করার জন্য যে ট্যাগ টি ব্যাবহার করতে হবে

  • ১)<table> ট্যাগ টি দিয়ে টেবল তৈরি করবো।
  • ২) আমরা ক্যাপশন লিখবো <caption> টাগটি দিয়ে।
  • ৩)আমরা রো তৈরি করবো <tr> ট্যাগ টি দিয়ে
  • ৪)আমরা কলাম তৈরি করবো <td> টাগটি দিয়ে।
  • ৫)রো এর হেডার লিখুন <th> কোড দিয়ে।

## যদি শুধু <table> টাগটি ব্যাবহার করি তবে তা বর্ডার ছাড়া হবে। বর্ডার সহ চাইলে আমাদের ব্যাবহার করতে হবে <table border=”1”>

এইবার আমরা টেবিল বানানর জন্য কোড গুলু সাজাতে থাকি।

*** ধরে নিলাম আপনারা সবাই HTML সম্পরকে জানেন।

তারপরও একবার বলে নিলাম সংক্ষেপে।

>>>> ( HTML কোড লিখার জন্য আপনাকে উইন্ডোজ এর নোটপ্যাডে লিখতে হবে।  প্রথমে <html > দিয়ে শুরু করতে হবে। তারপর <head>,<title>,<body> এবং কোড লিখা শেষে টা বন্ধ করে দিতে হবে। শেশের কোড টা আগে বন্ধ করে দিতে হবে। ঠিক এইভাবে

</body>,</title></head>,</html>.আপনারা টেকটিউনস এ প্রকাশিত  HTML নিয়ে লেখাগুলু ফলো করলে ভালো ফলাফল পাবেন।) ***

কোডঃ( নোটপ্যাডে লিখুন)

12

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

<html> 

<body>

 

<table border="1">

 

<caption>

 

Survey Of Phone Users

 

</caption>

 

<tr>

 

<th>

 

Country

 

</th>

 

<th>

 

Nokia

 

</th>

 

<th>

 

Sony Ericson

 

</th>

 

<th>

 

Motorola

 

</th>

 

<th>

 

Samsung

 

</th>

 

</tr>

 

<tr>

 

<td>Bangladesh</td>

 

<td>75%</td>

 

<td>10%</td>

 

<td>10%</td>

 

<td>5%</td>

 

</tr>

 

<tr>

 

<td>America</td>

 

<td>25%</td>

 

<td>20%</td>

 

<td>45%</td>

 

<td>15%</td>

 

</tr>

 

<tr>

 

<td>Canada</td>

 

<td>10%</td>

 

<td>60%</td>

 

<td>15%</td>

 

<td>15%</td>

 

</tr>

 

</table>

 

</body

 

</html>

### সেভ করুন mahmud.html নামে।

ফলাফলঃ

  • আপনারা চাইলে align ট্যাগ ব্যাবহার করে table এর স্থান পরিবরতন করতে পারেন।
  • উদাহরনঃ <table border =’’1’’,table align=center>.এইভাবে ‘align=right’ ব্যাবহার করে ডান পাশে স্থান পরিবরতন করতে পারেন।
  • তাছারা ক্যাপসনকে <b>,<big>,<em>,<i>,<small>,<strong> এইসব ট্যাগ ব্যাবহার করে কাস্টমাইজ করতে পারেন।
  • উদাহরনঃ *<caption><b> Survey Of Phone Users</b></caption>(বোল্ড    করার জন্য)
  • <caption><b><i> Survey Of Phone Users</i></b></caption>( বোল্ড এবং ইতালিক করার জন্য)

এইভাবে বাকি কোড বসিয়ে আরও অনেকভাবে কাস্টমাইজ করতে পারেন ।

আশা করি করতে পারবেন নিজে নিজে । সমস্যা হলে জানান । চেষ্টা করবো সমাধান দিতে ।

আর প্রথম টিউন হিসেবে ভুল হইয়ে থাকলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন। ভুলটি কোথায় হয়েছে দেখিয়ে দিবেন। নইলে কখনই শিখতে পারবো না। ধন্যবাদ।

ভুলে ভরা জীবনে ভুল হওয়াটা অসম্ভব কিছু নয়,যদি আমার লেখার মাঝে কোন ভুলত্রুটি থাকে ক্ষমার দৃষ্টিতে দেখবেন। ধন্যবাদ সবাই ভাল থাকবেন।

আপনার কম্পিউটার সমস্যা সমাধানে আমরা আছি ফেইজবুকে: পিসি হেল্প সেন্টার

 

সাইট টু: পিসি হেল্প সেন্টার

 

পূর্বে প্রকাশিত এখানে

Leave a Reply

Your email address will not be published. Required fields are marked *

ক্যাপচাটি লিখুন * Time limit is exhausted. Please reload CAPTCHA.