ট্রিকবিডি’ পরিবারের সদস্যগন, আশা করি সবাই অনেক অনেক ভালই আছেন। কারন, প্রথমত এটা রমজান মাস, দ্বিতীয়ত আপনি এখন ট্রিকবিডিতে। খারাপ থাকার কোন কথায় আসে না!!

আজ যে টপিক নিয়ে আলোচনা করব, তা খুবই সিম্পল। আমার আগে হয়তো অনেকেই এ নিয়ে অনেক কিছু লিখেছে। হুমমম, তারা তাদের স্বাধ্যমত আপনাকে দিতে চেষ্টা করেছে। মজার ব্যাপার হল, আপনি যা বুজেছেন, অথবা শিখেছেন তা হল জিরো/শূন্য (সবার ক্ষেত্রে না) ।

ধরুন, অনেকটা এই রকম। নিচে দেয়া এই লাইনটার মতো,
关于主页 获取有关管理公共主页的帮
আপনাকে আমি China লাইনটা বললাম, আপনি শুনলেন, লিখলাম, দেখলেন, কিন্তু আপনি কি বুজতে পারছেন, এটা আসলে কি.????
আপনি চাইলে এটি কপি-পেস্ট করতে পারবেন, কিন্তু তা না বুজেই।

HTML & CSS+ অনেকটা এরকমই। আপনি তাদের ভালভাবে জানেন না/ চিচেন না, কিন্তু Code গুলো কপি পেস্ট করে চালিয়ে দিতে পারেন। কিন্তু কপি-পেস্ট আপনার ব্যাসিক মেধাকে বিকশিত করে না। আপনাকে এমন ভাবে শিখতে হবে, যাতে কপি-পেস্ট নয়, বরং আপনি নতুন কিছু আমাদেরকে দিতে পারেন।

তাই আজ সব থেকে সহজে এবং হাতে কলমে শিখাব, HTML & CSS+ কে কিভাবে নিজের আয়ত্বে আনা যায়। চলুন তাহলে শুরু করি।

HTML & CSS+ পার্থক্য কোথায়??

  • HTML_ Hyper Text markup Language
  • CSS_ Cascading Style Sheets

HTML যদিও এটি ইংরেজীর মতো, কিন্তু ইংরেজী ভাষা না, HTMLএকটি নিজস্ব Language, যার ভাষা সাধারন 10 টি ভাষার মতো না। যা বিভিন্ন কাঠামো বা Structure নিয়ে গঠিত।

CSS+ এর বেলায়ও একই, দেখতে ইংরেজী হলেও এর অর্থটা ভিন্ন। মানে অনেক গুলো language এর মিশ্রন।

HTML & CSS কে যদি বুজতে চাই, তাহলে আমি একটি উদাহরন দিই, {HTML+CSS=একটি ছেলে)
এখানে,
HTML যদি একটি ছেলে হয়, যায় গায়ে কোন কাপড় নেই।
CSS হবে, ছেলেটির জামা কাপড়। মানে_ প্যান্ট, শার্ট, সান গ্লাস, ইত্যাদি। অর্থাৎ ছেলেটি হলো HTML & ছেলেটিকে আপনি যেভাবে সাজাবেন, তা হল CSS. আশা করি HTML & CSS এর পার্থক্যটা বুজতে পেরেছেন।

এখন কথা হল, ছেলেটিকে আপনি কেমন করে সাজাবেন, তা পুরোপুটি নির্ভর করবে আপনার উপর। কি কি Elements যোগ করবেন, কি কি বিয়োগ করবেন, তা আপনার একান্তই নিজের ব্যাপার।

HTML & CSS+ শিখতে আপনার যা যা লাগে..?

  1. একটি মোবাইল ফোন
  2. File manager HD(from play store)
  3. শিখার জন্য আগ্রহ

তো File manager HD টা Install করে নিন। এবং দ্বিতীয় স্টেপের জন্য তৈরি থাকুন।

HTML এ কি কি থাকে??

  • hyper link tag
  • table tag
  • div tag
  • image tag
  • Element Tag(html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video)
  • Other Tag

CSS এ যা যা থাকে

  • Style
  • div Id
  • div class

আজ এই পর্যন্তই। দ্বিতীয় পর্বের জন্য তৈরি হয়ে যান। সবই ভাল থাকবেন। ধন্যবাদ সবাইকে…!!

45 thoughts on "ওয়েব ডিজাইন হবে তোমার ইচ্ছে মতো, Html & CSS+ শিখার এটাই সুযোগ | আর নয় কোড কপি-পেস্ট Part-01"

  1. Dwayne The Rony Johnson Dwayne The Rony Johnson Contributor says:
    Plz amar post gola review kore dan ami trick bd te new but manshommoto 3 ta post korsi onek din holo kinto kono review nai . Just pendin hoia ase help me plz 😞😞
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Wait…..Support Team Post gulo dekbe & jacai korbe may be.
  2. NabiulNasim NabiulNasim Contributor says:
    orginal apps konta,,,, link plz
  3. NabiulNasim NabiulNasim Contributor says:
    orginal apps konta,,,, link plz
  4. rajminarul rajminarul Contributor says:
    Waiting for next part….
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      as soon as possible.. diye debo
  5. Sohaib (Shrabon) Raidrox Fan Contributor says:
    waiting for next part
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      tnq..bro
  6. Arshad Prottoy Arshad Prottoy Contributor says:
    waiting for next part.
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      may be diye debo..
  7. Imran Imran Contributor says:
    Css e “div name” miss gasa. . . Tasra Span O. . . . U Should Use name, id, class style
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Html er kono sesh nai. So miss portei pare. Bt Tnx .
  8. alamgir alamgir Contributor says:
    ভাই,এইভাবে প্রতিদিন ক্লাসের মতো করে একটা করে পার্ট দিবেন,যতক্ষণ পর্যন্ত না শেষ হয়।তাহলে ভালো হবে
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Hmm. Try korbo 3 part a complete kore dite
  9. Md Jahid Md Jahid Contributor says:
    Vai apnar post golo sei….
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx bro..
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx bro.
  10. Md Sijan Molla Md Sijan Molla Contributor says:
    Ami sob jani and pari..

    Apnake selut korlam karon eta khub ee valo post.

    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Love u bro. Many many tnx.
  11. Ashraf uddin Ashraf uddin Author says:
    আচ্ছা ট্রিকবিডিতে আপনার নামে আরেকজন টিউনার আছে সম্ভবত।
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Sotti naki.? Ami to jani na..!!
      How amazing.?
      Tnx bro
  12. Ashraf uddin Ashraf uddin Author says:
    ভাই Html আর Css এর উপর একটা সম্পুরন কোরস করলাম ভিডিও কোরস।
    কিন্তু সাইট বানাতে গেলে কিছুই মাথায় আসে না।
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Hmm..problem ta to ekanei… Kajer somoy matai ase na. Deke deke r koto. First bujte hobe, then parba. Ami sure amr part gulo follow koro. May be eka eka parba. Kono din vulba na.
      1. Ashraf uddin Ashraf uddin Author says:
        ওকে আমি আছি।
        আপনার সাথে।
        ফেসবুকে একটু কথা বলিয়েন।
        নক করবো।
        আর পার্ট গুলা তাড়াতাড়ি দেয়ার চেষ্টা করবেন।
        অন্য কোন ধরনের পোস্ট না দিয়ে এটা আমার অনোরোধ।
  13. কাব্য কাব্য Author says:
    সুন্দর পোস্ট।
    শেষ প্রযুন্ত দিলে সবার ভালো লাগবে
    ধন্যবাদ
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Hmm. Bro.
      Thank you
  14. Labib Labib Author says:
    Nice Post… Everyone can learn.
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx labib bro..
  15. Sujonmax Sujonmax Contributor says:
    Good Post… চালিয়ে যান পাশে আছি
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx bro for expiration..
  16. jrslive24 Contributor says:
    আপনার পোস্ট ফলো করে আমি কি মোবাইল দিয়েই সাইট বানাতে পারব?
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Hmm. Mobile diyei. Without pc.
  17. HD Mohan HD Mohan Contributor says:
    wt for nx ps
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnx bro.
  18. Ashikur Rahman Ashikur Rahman Contributor says:
    ভাই একেবারে ফাটিয়ে দিছেন…..অনেক সুন্দর পোষ্ট….
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      ধন্যবাদ ভাই,
  19. asik1122 Contributor says:
    nice post……………….
    1. ⚠ Error Format ⚠ Error Format Author Post Creator says:
      Tnq bro
  20. Mohd. Jahed Mohd. Jahed Contributor says:
    সেরা হয়েছে ভাই

Leave a Reply