কম্পিউটার, প্রোগ্রামিং
HTML এ একটি টেবিল তৈরী কিভাবে: একটি বিস্তারিত বিবরণ
ছক - সবচেয়ে গুরুত্বপূর্ণ এক, কিন্তু একই জটিল উপাদান আছে যা ওয়েব পেজের উপস্থিত থাকতে হবে এ। তাদের সাহায্যে এটি একটি বরং সংক্ষিপ্ত আকারে একটি গুরুত্বপূর্ণ এবং দরকারী তথ্য প্রয়োগ করতে সুবিধাজনক। অবশ্যই, সবচেয়ে সম্পাদকদের টেমপ্লেটে, বিভিন্ন ইঞ্জিনের উপর কাজ, স্বয়ংক্রিয়ভাবে একটি টেবিল আপনার ওয়েবসাইট বা পৃথক প্রকাশনার, কিন্তু কি যদি ওয়েব ডিজাইন রিসোর্স, তার পৃষ্ঠাগুলি গোড়া থেকে তৈরি করা হয় মধ্যে সন্নিবেশ? কিভাবে করতে তারপর ব্রতী মাস্টার একটি সমস্যা হতে পারে HTML এ টেবিল। আসুন কত তাড়াতাড়ি দেখতে এবং সঠিকভাবে আইটেম তৈরী।
সম্পাদক চয়ন
প্রথম সব, একটি সারণি তৈরি করতে শুরু করে, আপনি সম্পাদক যার মাধ্যমে আপনি কাজ করবে সংজ্ঞায়িত করা উচিত নয়। অবশ্যই, সবচেয়ে সহজ উপায় প্রোগ্রাম যা আপনি একটি মৌলিক সাইটে কোড তৈরি পছন্দ করে নিন। কিন্তু এটা এই উদ্দেশ্যে ভাল পুরানো নোটপ্যাড জন্য ব্যবহার করতে ভাল।
আপনি প্রশ্ন করতে পারেন কেন আপনার জীবনের জটিল, কারণ যদি আপনি সঠিক সম্পাদকে সবকিছু করতে, তারপর ফলাফলের অবিলম্বে দেখা যায়, খুব, এবং এমনকি প্রোগ্রাম ব্যবহার করার অনুরোধ জানাবে।
হ্যাঁ, এটা সত্য, কিন্তু গোড়া থেকে একটি সারণি তৈরি করতে, আপনি শুধুমাত্র পুঙ্খানুপুঙ্খভাবে তার সৃষ্টির নীতি পরীক্ষা করা সক্ষম হতে হবে না, কিন্তু অন্তর্নিহিত কোডে বিব্রতকর টাইপস এবং ত্রুটি প্রতিরোধ। কখনও কখনও এটি সুযোগ দ্বারা ঘটবে যে কার্সার নিচে সরানো হয়, এবং ভুলবশত কোড লেখার কাজে শিহরণ যাকে মাঝে মাঝে খুঁজে পাওয়া কঠিন নয়। একটি নোটবুক একটি টেবিল তৈরি করা হচ্ছে, আপনি কোড কপি করে আপনার জন্য সঠিক স্থানে আটকে দিতে পারেন।
টেবিল তৈরি করার জন্য অ্যালগরিদম
আরম্ভ করার জন্য, কিভাবে HTML এ একটি টেবিল তৈরী একটি সংক্ষিপ্ত অ্যালগরিদম করা। এটি নিশ্চিত যে আপনি প্রতিটি পদক্ষেপ ক্রম বুঝতে হয়। তারপর ঠিক কিভাবে বিশ্লেষণ আইটেম প্রতিটি সঞ্চালন।
এর প্রস্তুতিমূলক কর্ম দিয়ে শুরু করা যাক।
1. কাগজ টেবিল ছবিতে পরিকল্পিত আঁকুন।
2. সারি এবং কক্ষের সংখ্যা গণনা। বিভিন্ন অতীতের সংখ্যা থাকে - তাহলে আলাদাভাবে প্রতিটি ryadochka মনে।
3. সারি-হেডার কোষে সংখ্যা (উদাহরণস্বরূপ, «№» সেল, "নাম" এবং টি। ডি) নির্ধারণ করুন।
রঙ, উচ্চতা এবং প্রস্থ, টেক্সট প্রান্তিককরণ - - 4. নিচে টেবিলের প্রধান পরামিতি লিখুন সংক্ষেপে, সবকিছু যে আপনি সুস্থ বলে মনে হচ্ছে।
তারপর টেবিলের সৃষ্টি সরাসরি যেতে:
1. ট্যাগ টেবিল প্রবেশ করান।
2. পরিমাণ যে আপনি প্রয়োজন উপর ভিত্তি করে লাইন ট্যাগ প্রবেশ করান।
3. সারি সেল (স্বাভাবিক এবং বড় হাতের) ট্যাগগুলি সন্নিবেশ, এছাড়াও যে পরিমাণ কাগজে রেকর্ড আছে ভিত্তিতে।
4. পুরো টেবিল এর প্যারামিটারগুলি নির্ধারণ করুন।
5. আপনি পৃথক কোষ জন্য পরামিতি সেট করতে হবে না।
6. আমাদের সেল টেক্সট পূরণ করুন।
একটি সারণি তৈরি
সুতরাং, আপনি সম্পাদক নির্বাচন করুন, এখন কিভাবে HTML এ একটি সারণি তৈরি করতে তাকান। ট্যাগ দেওয়া হয় টেবিল পারবেন (<টেবিল>), যে, পৃষ্ঠা কোড যুক্ত করা হয়েছে ঢোকানো হয় আমাদের নির্মাণ এই ট্যাগটি দিয়ে শুরু হয় এবং দিয়ে শেষ হয়।
ট্যাগ টেবিল ঢোকানো, সারি এবং কোষ তৈরি করতে এগিয়ে যান।
এখন আমরা লক্ষ করুন যে, এই উপাদান এছাড়াও যুক্ত করা হয়। ট্যাগ
উপরের কোষ জোড়া উপাদান ব্যবহার করা উচিত জন্য <ম>।
ইতিমধ্যে উল্লেখ করা হয়েছে, প্রথম পদক্ষেপ, একটি রেখা আঁকা হয় তাহলে তারা সেল রেজিস্টার করতে হবে। অর্ডার দ্বিধা এড়াতে আপনি, এটা এক বা দুই লাইন প্রতিটি ব্লক মধ্যে কোনো প্যাডিং করতে, অথবা অন্য "ট্যাব" কী ব্যবহার করে একটি নতুন ব্লক উপাদান বিহিত করা বাঞ্ছনীয়।
কিভাবে এটা দেখতে কেমন করতে পারি? ভালো কিছু:
-
;
; - <ম> P / পি № ;
- <ম> NAME ;
- ;
; 1 ; ইভানভ ; - ;
- ।
যেহেতু আপনি দেখতে পারেন, কিছুই এটি সম্পর্কে জটিল। প্রধান বিষয় - সারি এবং কক্ষের সংখ্যা মধ্যে হারিয়ে না। তা না হলে, টেবিল হেলানো।
আমরা এখন আমরা উভয় ম্যাট্রিক্স এবং তার সারি এবং কোষের পরামিতি উপর স্থানান্তর করতে পারেন HTML এ একটি সারণি তৈরি করতে ইতি টেনে হয়।
টেবিল বিকল্প
মধ্যে প্রান্তিককরণ: যখন কোড লেখা আছে, এটা মনোযোগ নিম্নলিখিত পয়েন্ট নিতে অর্থ প্রদান করতে প্রয়োজনীয় এইচটিএমএল, রং টেবিল সীমানা, পটভূমি, টেক্সট, ইত্যাদি।
পরামিতি টেবিল ট্যাগ <টেবিল> মধ্যে উল্লিখিত হয়। এর মধ্যে রয়েছে:
1. বর্ডার - সীমান্ত প্রস্থ। একটি পূর্ণসংখ্যা দ্বারা সংজ্ঞায়িত। ডিফল্টরূপে, কোন টেবিল সীমানা বিলুপ্ত।
2. Bordercolor - সীমান্তের রঙ। এটা তোলে হেক্সাডেসিমেল কালার (# 00008B), এবং angliykom তার নাম (DarkBlue) হিসেবে দেওয়া যেতে পারে। ডিফল্টরূপে, এটা সবসময় ধূসর হয়।
3. bgcolor - পটভূমির রঙ। কোড বা নাম দ্বারা নির্দিষ্ট করে।
4. সারিবদ্ধ - টেবিল জন্য পাঠ্য সারিবদ্ধ। ডিফল্ট - বাম। এই প্যারামিটার জন্য নিম্নলিখিত বিকল্পগুলি হল:
- বাম - ডান মোড়ানো;
- বাঁদিকে -obtekanie অধিকার;
- কেন্দ্র - কোনো প্রবাহ সঙ্গে মাঝখানে আউটপুট টেবিল।
5. প্রস্থ ও উচ্চতা - প্রস্থ এবং টেবিলের উচ্চতা। এটি হয় পিক্সেলে বা শতকরা (ব্রাউজার উইন্ডোর আকার আপেক্ষিক) নামে হতে পারে।
একটি নির্দিষ্ট সূচক নির্ধারণ, আপনি নকশা বিশেষভাবে নজর দিতে হবে। পরামিতি উল্লেখ চিহ্ন "সমান", যা পরে কোট একটি পূর্ব-নির্ধারিত মান নির্দেশ করে যেতে পরে।
পাঠ্যের রঙ হিসাবে তারপর বের করে HTML ফর্ম্যাটে সাধারণ পাঠ্য হিসাবে একই ভাবে আছে।
একটি টেবিলের উদাহরণ:
-
;
; - <ম> P / পি № ;
- <ম> NAME ;
- ;
; 1 ; ইভানভ ; - ;
- ।
পরামিতি সারি
সুতরাং আমরা ইতিমধ্যে কিভাবে মূর্ত আউট করেছি HTML এ একটি টেবিল করতে এবং তার প্রধান পরামিতি বিহিত করা। কিন্তু আমরা কি একটি স্ট্রিং বরাদ্দ করা প্রয়োজন? তার না টেবিলের প্রধান শরীরের হিসাবে পরীক্ষা করে দেখুন?
লাইন প্যারামিটার ট্যাগ তথ্য সারণী হিসাবে একই ভাবে
লেখা আছে। লাইন নিম্নলিখিত যেকোনো একটি ভেরিয়েবল সংজ্ঞায়িত করা যেতে পারে: 1. ইতিমধ্যে আপনাকে সীমান্তের bordercolor এবং bgcolor পরিচিত।
2. সারিবদ্ধ - লাইনে পাঠ্যের সারিবদ্ধতা। এটা তোলে বামে, কেন্দ্র এবং ডান নির্ধারণ করা যাবে।
3. valign - ট্যাগ উল্লম্বভাবে টেক্সট সাজায়। নিম্নলিখিত মান লাগে:
- শীর্ষ - পাঠ্য উপরের সীমানাতে প্রান্তিককৃত হয়;
- মধ্যম - মাঝখানে;
- নীচে - নীচে প্রান্ত।
EXAMPLE টি লাইন ক্লিয়ারেন্স:
-
; - <ম> P / পি № ;
- <ম> NAME ;
- ।
পরামিতি কোষ
পৃথক কোষের পরামিতি, উভয় স্বাভাবিক এবং রাজধানী - আর শেষ জিনিস আপনি যারা জানে কিভাবে HTML এ একটি টেবিল তৈরী করতে ইচ্ছুক মনোযোগ দিতে হবে। বস্তুত, সবকিছু একটি টেবিল বা সারিতে হিসাবে একই ভাবে সম্পন্ন করা হয়। মাত্র দুটি গুরুত্বপূর্ণ উপাদান যোগ করেছেন:
1. colspan - এই পরামিতির কলাম, যার জন্য সেল বিস্তৃত হতে পারে সংখ্যা নির্দিষ্ট করে।
2. Rowspan - ইতিমধ্যেই এই সেল দ্বারা দখল সারির সংখ্যা নির্দেশ করে।
যেহেতু নকশা প্রেসক্রিপশন লাইন থেকে কোন পার্থক্য নাই, এটা নমুনা কোড ফলে করা হবে না।
তথ্যও
একটি টেবিল যেমন কঠিন হিসাবে এটি প্রথম নজরে মনে হতে পারে না তা নিশ্চিত করুন। প্রধান জিনিস যখন তার কোড লেখা - অধ্যবসায় এবং মনোযোগ।
কিভাবে HTML এ একটি টেবিল সন্নিবেশ করতে হিসাবে তারপর তার কোড নম্বর কপি করে আপনার পৃষ্ঠার স্থান, যা, আপনার মতে, স্থাপন করা উচিত পেস্ট যথেষ্ট।
পরীক্ষা করতে ভয় পাবেন না, এবং যত তাড়াতাড়ি আপনি পুরোপুরি টেবিল তৈরি করার কৌশল আয়ত্ত করছে। সৌভাগ্য কামনা করছি!
Similar articles
Trending Now
Newest