এইচটিএমএল লেখার জন্য নোটপ্যাড++ একটি গুরুত্বপূর্ণ এডিটর। নোডপ্যাড++ এ জেনকোডিং প্লাগিন ব্যবহার করে অনেক শর্টকাট-কি চেপে দ্রুত কাজ করা যায়। শর্টকাট-কি গুলা কেউ জানেন?
2599 views

1 Answers

আপনি zen coding ব্যবহার করে চাইলেই HTML নিয়ে অনেক দ্রুত কাজ করতে পারবেন। সেক্ষেত্রে আপনাকে কিছু নিয়ম মানতে হবে। আপনি শর্টকার্টে কিছু লিখে সেটাকে প্রসারিত করতে পারবেন। 

যেমন আপনি যদি 


নামে একটা ট্যাগ তৈরি করতে চান তাহলে zen coding ব্যবহার করে আপনি শুধু h2 লিখে 

cntrl + e 

একসাথে চাপলেই আপনি উক্ত ট্যাগটা পেয়ে যাবেন। 

এছাড়া এরকম অনেক শর্টকার্ট আপনি যেন কোডিং এ ব্যবহার করতে পারেন। আমি নিচে কিছু শর্টকার্ট কোড আপনাকে দিয়ে দিলাম। 

zen coding এ আপনি নির্দিষ্ট কোন ডিভিশন বা ট্যাগের আইডি শর্টকার্টে লিখতে পারবেন। এটি করতে আপনি 

div#id_here
লিখে যদি cntrl + e চাপেন তাহলে এটা আপনাকে এরকম বানিয়ে দিবে।


এছাড়া আপনি ক্লাস নেমও এভাবে দিতে পারেন। যেমনঃ

p.class_here
এটা লিখে যদি এটাকে প্রসারিত করেন তাহলে এটি এমন হবে


আপনি একটা ট্যাগের ভেতর অন্য একটা ট্যাগ শর্টকার্টে লিখতে পারবেন। সেটা এরকম

nav>ul>li

এটার ফলাফল এমন আসবে।


আপনি চাইলে পাশাপাশি দুইটি ট্যাগ তাদের আইডি অথবা ক্লাস নেম সহ শর্টকার্টে লিখতে পারবেন। যেমনঃ

p.class-1+p.class-2
ফলাফল হলোঃ



আপনি যেকোন ট্যগের ভেতর আট্রিভিউট যোগ করতে পারেন এভাবে।

input[type=text]
এর ফলাফল হলো 

আপনি যেন কোডিং এর মাধ্যমে HTML Tag Filter করতে পারবেন এভাবে। 

p.title|e
ফলাফল আসবে এমন


আপনি এক রকম অনেক গুলা ট্যাগ একসাথে শুরু ও শেষ করতে পারেন এভাবে।

p*4
ফলাফলঃ






আর আপনি HTML 4 এর মৌলিক ট্যাগ গুলোকে আপনার সামনে আনবে এই কোডটার মাধ্যমেঃ

html:4t

ফলাফল আসবে এমনঃ










আশা করি এই কোড গুলোর মাধ্যমে আপনি যথেষ্ট দ্রুত কাজ করতে পারেন। 

2599 views

Related Questions