Category: এইচটিএমএল HTML
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a7%81%e0%a6%87%e0%a6%9c-%e0%a5%a4-html-quiz/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-5-%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a6%be%e0%a6%87%e0%a6%b2-%e0%a6%97%e0%a6%be%e0%a6%87%e0%a6%a1-%e0%a6%8f%e0%a6%ac/
HTML5 এ রূপান্তর (HTML5 Migration)
HTML5 এর ধারবাহিক টিউটোরিয়ালে আপনাকে স্বাগতম। আজ আমরা আলোচনা করব Migration from HTML4 to HTML5 নিয়ে। আজ আমরা শিখবো কিভাবে একটি typical HTML4 page কে typical HTML5 page এ পরিনত করা যায় আগের সকল কিছু অপরিবর্তিত রেখে। Typical HTML4 Typical HTML5 <div id=”header”> <header> <div id=”menu”> <nav> <div id=”content”> <section> <div id=”post”> <article> <div …
Permanent link to this article: http://bangla.sitestree.com/html5-migration/
HTML5 এর শব্দার্থিক উপাদানসমূহ (HTML5 Semantic Elements)
HTML5 এর ধারবাহিক টিউটোরিয়ালে আপনাকে স্বাগতম। আজ আমরা আলোচনা করব HTML5 Semantic Elements নিয়ে। Semantics কে আমরা বলতে পারি ভাষার অর্থ বিষয়ক গবেষণা। এখন প্রশ্ন হল Semantic Elements কি? একটি Semantic Elements এর প্রধান কাজ হল পরিষ্কারভাবে ব্রাউজার এবং ডেভেলপার উভয় এর অর্থ বর্ণনা করা। non-semantic elements এর উদাহরণ: <div> and <span> – Tells nothing …
Permanent link to this article: http://bangla.sitestree.com/html5-semantic-elements/
HTML5 এর নতুন উপাদান (HTML5 New Elements)
মাসুদ HTML5 New Elements গুলো এবং এদের কাজগুলো নিম্নে দেয়া হল <article> একটা ডকুমেন্ট এর মধ্যে আর্টিকেল বোঝাতে এই Element ব্যবহৃত হয়। <aside> কোন কন্টেন্ট যদি পেজ কন্টেন্ট এর থেকে আলাদা হয় তাহলে তা এই Element দ্বারা বোঝানো হয়। <bdi> কতগুলো বর্নের মধ্যে যদি নির্দিষ্ট কতগুলো বর্ন আলাদা ফরমেটে হয় তাহলে এই Element দ্বারা …
Permanent link to this article: http://bangla.sitestree.com/html5-%e0%a6%8f%e0%a6%b0-%e0%a6%a8%e0%a6%a4%e0%a7%81%e0%a6%a8-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8/
এইচটিএমএল ৫ ব্রাউজার সাপোর্ট (HTML5 Browser Support)
শরিফুল ইসলাম Job category-Php Coder এইচটিএমএল ৫ ব্রাউজার সাপোর্ট এইচটিএমএল ৫ সকল আধুনিক ব্রাউজার সাপোর্ট করে। সকল নতুন এবং পুরাতন ব্রাউজার অটোমেটিক ভাবে অচেনা elements গুলোকে ইনলাইন element হিসেবে চিহ্নিত করে। এই কারনে আপনি অচেনা element গুলোকে চিহ্নিত নিয়ন্ত্রণ করার জন্য পুরাতন ব্রাউজার গুলো শিখতে পারেন। আপনি অনেক আগের ভার্সন IE6(windows XP 2001) শিখতে পারেন …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a7%ab-%e0%a6%ac%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%89%e0%a6%9c%e0%a6%be%e0%a6%b0-%e0%a6%b8%e0%a6%be%e0%a6%aa/
HTML 5 এর পরিচিতি (HTML5 Introduction)
আতিক হাসান ওয়েবপেজ ডিজাইন এন্ড ডেভেলপার HTML 5 এর পরিচিতি HTML 4 এর উন্নত ভার্সনই হল HTML 5।HTML 5 এ নতুন কিছু ট্যাগ, এলিমেন্ট, এট্রিবিউট যোগ করা হয়েছে এবং পুরনো কিছু বাদ দেয়া হয়েছে। HTML 5 এর উদাহরনঃ <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title>Title of the document</title> </head> <body> Content of the document…… …
Permanent link to this article: http://bangla.sitestree.com/html-5-%e0%a6%8f%e0%a6%b0-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a6%bf/
Permanent link to this article: http://bangla.sitestree.com/html-input-attributes/
এইচটিএমএল ইনপুট ধরন (HTML Input Types)
-মাসুদ- আজকে আমরা জানবো এইচটিএমএল ইনপুট সম্পর্কে। টেক্সট ইনপুট সাধারন তথ্য গ্রহণ করতে টেক্সট ইনপুট ব্যবহৃত হয়। এধরনের ইনপুট এক লাইনের হয়ে থাকে। <form> First name:<br> <input type=”text” name=”firstname”> <br> Last name:<br> <input type=”text” name=”lastname”> </form> উপরোক্ত কোডটি ওয়েব ব্রাউজারে দেখা যাবে এভাবেঃ First name: Last name: পাসওয়ার্ড ইনপুট পাসওয়ার্ড গ্রহণের জন্য …
Permanent link to this article: http://bangla.sitestree.com/html-input-types/
এইচটিএমএল ফরম (HTML Forms)
আজকে আমরা জানবো এইচটিএমএল ফর্ম কি এবং এর ব্যবহার সম্পর্কে। সাধারনত কোন ব্যাক্তির কাছ থেকে তথ্য গ্রহণ (ইনপুট) করতে এইচটিএমএল ফর্ম ব্যবহৃত হয়। যা <form> — দ্বারা বোঝানো হয়। যেমনঃ <form> . form elements . </form> এইচটিএমএল ফর্ম এর মধ্যে ফর্ম এলিমেন্ট থাকে। তথ্য ইনপুট দেয়ার জন্য বিভিন্ন ধরনের ফর্ম এলিমেন্ট ব্যবহৃত হতে পারে …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%ab%e0%a6%b0%e0%a6%ae-html-forms/
এইচটিএমএল ফরম উপাদানসমূহ (HTML Form Elements)
শরিফুল ইসলাম Job category-Php Coder <input>Element: ফর্ম element এর মধ্যে সবচেয়ে গুরুত্বপূর্ণ element হল <input> element. এই element টি বিভিন্ন বিষয়ের উপর ভিক্তি করে বিভিন্ন রকম হয়ে থাকে। <select> Element (drop-down-list): উদাহরনঃ <select name=”cars”> <option value=”volvo”>Volvo</option> <option value=”saab”>Saab</option> <option value=”fiat”>Fiat</option> <option value=”audi”>Audi</option> </select> ফলাফল VolvoSaabFiatAudi <option> element পছন্দ মতন কনটেন্ট সিলেক্ট অপশন থেকে নির্বাচন করার জন্য ব্যবহার …
Permanent link to this article: http://bangla.sitestree.com/html-form-elements/
এইচটিএমএল ও এক্সএইচটিএমএল (HTML and XHTML)
XHTML কি XHTML এর পূর্নরুপ হল EXtensible HyperText Markup Language। এটি অবিকল HTML এর মত তবে কিছুটা কঠোর। XHTML সব বড় বড় ব্রাউজারে সাপোর্ট করে। কেন XHTML ব্যবহার করবো? HTML কোডিং এ কোন ভুল থাকলেও অনেক সময় বিভিন্ন ব্রাউজ়ারে তা ধরা পড়েনা এবং ব্রাউজারে সুন্দর ভাবেই দেখা যায়। কিন্ত বর্তমানে বাজারে অনেক নতুন ব্রাউজার …
Permanent link to this article: http://bangla.sitestree.com/html-and-xhtml/
এইচটিএমএল ইউনিফর্ম রিসোর্স লোকেটর (HTML Uniform Resource Locators)
শরিফুল ইসলাম Job category-Php Coder ওয়েব ঠিকানার অন্য নাম হচ্ছে URL একটি URL লেখার জন্য আমাদের টাইপ করতে হয় শব্দের সাহায্যে (http://bangla.salearningschool.com) বা ইন্টারনেট প্রটোকল এড্রেস (IP) টাইপ করে, যেমন (192.185.24.202)। প্রায় সবাই এড্রেস বারে ডোমেইন নামকে টাইপ করে থাকে কারন নাম্বার এর থেকে নাম মনে রাখা সহজ। URL- ইউনিফর্ম রিসোর্স লোকেটর ওয়েব …
Permanent link to this article: http://bangla.sitestree.com/html-uniform-resource-locators/
এইচটিএমএল প্রতিক (HTML Symbols)
শরিফুল ইসলাম অনেক গানিতিক, প্রযুক্তিগত, মুদ্রার চিহ্ন নরমাল কীবোর্ড এ পাওয়া যায় না। এইচটিএমএল এর entity নাম ব্যবহার করে আমরা এই চিহ্ন গুলো নিয়ে আসতে পারি। যদি কোন entity নাম না থাকে তাহলে আমরা entity নাম্বার ব্যবহার করতে পারি decimal or hexadecimal রেফারেঞ্চ। যদি আমরা এইচটিএমএল পেজ কোন entity নাম বা কোন নাম্বার ব্যবহার …
Permanent link to this article: http://bangla.sitestree.com/html-symbols/
এইচটিএমএল ইনট্রিগুলো (HTML Entities)
শরিফুল ইসলাম Job category-Php Coder কিছু সংরক্ষিত অক্ষর অবশ্যই character entities দ্বারা পরিবর্তন করতে হয়। এমনকি যেই অক্ষরগুলো কীবোর্ড এ নাই সেইগুলো পরিবর্তন করা সম্ভব এইচটিএমএল Entities কিছু অক্ষর এইচটিএমএল এ সংরক্ষিত করা আছে। যদি আমরা কোন টেক্সট এ ছোট চিহ্ন (<) এবং বড় চিহ্ন (>) ব্যবহার করি ব্রাউজার তাদের ট্যাগ দিয়ে মিক্স …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%87%e0%a6%a8%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%97%e0%a7%81%e0%a6%b2%e0%a7%8b/
HTML Head (এইচটিএমএল হেড)
Atik Hasan Webpage design & developer HTML Head (এইচটিএমএল হেড): <head>…..</head> ট্যাগ দিয়ে head সেকশন গঠিত। head সেকশনে meta data অর্থাৎ ডকুমেন্ট সম্পর্কিত তথ্য থাকে।এই head সেকশন এ যা কিছু লেখা হয় তা ওয়েব পেইজ এ দেখা যায় না। head সেকশন এ সাধারণত নিম্মের ট্যাগগুলো থাকেঃ Title, Meta, Link, Base, Style, Script শিরোনাম …
Permanent link to this article: http://bangla.sitestree.com/html-head/
এইচটিএমএল স্ক্রিপ্ট (HTML Scripts)
নাম-শরিফুল ইসলাম Job category-Php Coder Javascript এইচটিএমএল পেজ কে অনেক গতিশীল এবং ইন্টার্যাক্টিভ করে তুলে। এইচটিএমএল <script> ট্যাগ জাভাস্ক্রিপ্ট এর মতো ক্লায়েন্ট সাইড স্ক্রিপ্ট কে সঙ্গায়িত করার জন্য <script> ট্যাগ ব্যবহার করা হয়। <script> এর উপাদান (এলিমেন্ট) হিসেবে স্ক্রিপ্টিং স্টেটমেন্ট বা বাহিরের একটি স্ক্রিপ্ট ফাইলকে src এট্রিবউট দ্বারা লিঙ্ক করে। জাভাস্ক্রিপ্ট এর সাধারণ …
Permanent link to this article: http://bangla.sitestree.com/html-scripts/
এইচটিএমএল কালার সেড (HTML Color Shades )
HTML কালার সেড লাল, সবুজ এবং নীল আলোর সংমিশ্রণে একটি কলারকে প্রদর্শন করা হয়। গ্রে কালারের সেডসমূহ সব রঙের আলোর সমান পরিমান বেবহার করে গ্রে কালার তৈরী করা হয়। নিচে কিছু গ্রে কালার সেডের হেক্সা কোড ও আরজিবি (RGB) কোড দেয়া হলো: Gray Shades HEX RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 …
Permanent link to this article: http://bangla.sitestree.com/html-color-shades/
এইচটিএমএল রঙের মান HTML Color Values
নামঃ মোঃ সাইদুল হক রিগান এইচটিএমএল রঙের মান HTML Color Values এইচ টি এম এল এ রঙকে হেক্সাডেসিমেল দ্বারা প্রকাশ করা হয়। এটি হল কোন রঙ এ লাল, সবুজ, এবং নীল (আরজিবি) এর মিশ্রণের পরিমাণ। প্রতিটি আলোর উৎস জন্য সর্বনিম্ন মান ০ (হেক্স ০০) হয়. সর্বোচ্চ মান ২৫৫ হয় (হেক্স এফ এফ) হেক্সাডেসিমেল মান …
Permanent link to this article: http://bangla.sitestree.com/html-color-values/
এইচটিএমএল রঙ (HTML Color codes chart)
এইচটিএমএল রঙ (HTML Color Names) স্বর্ণা আখতার স্বর্ণা আখতারআমরা জানি একেকটি কালার হলো লাল, নীল এবং সবুজ এর সমন্বিত রূপ। সাধারনত, ১৪০ টি কালার আছে যেগুলো সব ওয়েব ব্রাউজারেই সাপোর্ট করে। এই ১৪০ টি নাম এইচ টি এম এল ৫ এবং সিএসএস ৫ এ উল্লেখ আছে। যার মধ্যে ১৭ টি এসেছে এইচ টি এম …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%b0%e0%a6%99-html-color-codes-chart/
HTML Iframe (এইচটিএমএল আইফ্রেম)
একটি iframe একটি ওয়েব পৃষ্ঠার মধ্যে আরো একটি ওয়েব পেজ প্রদর্শন করতে ব্যবহৃত হয়। Iframe Syntax (iframe সিনট্যাক্স) একটি iframe যোগ করার সিন্টেক্স হল : <iframe src=”URL” width=”300″ height=”150″></iframe> src অ্যাট্রিবিউট আইফ্রেম পৃষ্ঠার URL টি (ওয়েব ঠিকানা) নির্দিষ্ট করে Iframe – এর উচ্চতা এবং প্রস্থতা নির্ধারন Iframe – এর এর আকার নির্ধারণ করার …
Permanent link to this article: http://bangla.sitestree.com/html-iframes-%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%86%e0%a6%87%e0%a6%ab%e0%a7%8d%e0%a6%b0%e0%a7%87%e0%a6%ae/
এইচটিএমএল প্রতিক্রিয়াশীল ওয়েব ডিজাইন (HTML Responsive Web Design)
স্বর্ণা আখতার প্রতিক্রিয়াশীল ওয়েব ডিজাইন এর প্রধান কাজ ই হল আপনার ওয়েব সাইটকে বিভিন্ন ডিভাইস যেমন, মোবাইল বা কম্পিউটার এর লেআউট এর সাথে খাপ খাওয়ানো। এটি আপনার ওয়েব সাইটকে সহজবোধ্য ও সুখপাঠ্য করে গড়ে তোলে। প্রতিক্রিয়াশীল ওয়েব ডিজাইন লেআউট যেভাবে তৈরি করবেন প্রতিক্রিয়াশীল ওয়েব ডিজাইন আপনাকে নিজেই অথবা আপনি কিভাবে ফুটিয়ে তুলবেন সেটার উপর নির্ভর করবে। …
Permanent link to this article: http://bangla.sitestree.com/html-responsive-web-design/
এইচটিএমএল লেআউট (HTML Layout)
Md. Mursedul Islam Sumon Web Designer এইচটিএমএল লেআউট (HTML Layouts) বিভিন্ন ওয়েবসাইটে অনেক সময়ই লক্ষ্য করা যায় যে লিখাগুলো কয়েকটি কলামে বিভক্ত করা থাকে। যেমন, ম্যাগাজিন, নিউজপেপার ইত্যাদি। HTML এ <div> tag এর ব্যবহার করে layout design বা কলামে বিভক্ত করা যায়। div element ব্যবহার করে প্রায় layout করা হয়, কারন div ব্যবহার করলে …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%b2%e0%a7%87%e0%a6%86%e0%a6%89%e0%a6%9f-html-layouts/
এইচটিএমএল ক্লাসেস (HTML Classes)
শরিফুল ইসলাম Php Coder HTML Classes সিএসএস এর মাধ্যমে বিভিন্ন ক্লাস এর এর স্টাইল সেট করে দেওয়া যায়। উদাহরণ <!DOCTYPE html> <html> <head> <style> .cities { background-color:black; color:white; margin:20px; padding:20px; } </style> </head> <body> <div class=”cities”> <h2>London</h2> <p> London is the capital city of England. It is the most populous …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a7%8d%e0%a6%b2%e0%a6%be%e0%a6%b8%e0%a7%87%e0%a6%b8-html-classes/
এইচটিএমএল ব্লক (HTML Block and Inline Elements)
এইচটি এম এল ব্লক (HTML Block Elements) নাম-শরিফুল ইসলাম Php Coder উদাহরণঃ <div style=”background-color:black; color:white; padding:20px;”> <h2>London</h2> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </div> ফলাফলঃ London London is the capital city of England. …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%ac%e0%a7%8d%e0%a6%b2%e0%a6%95-html-block-elements/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%b2%e0%a6%bf%e0%a6%b8%e0%a7%8d%e0%a6%9f-html-lists/
এইচটিএমএল টেবিল (HTML Table)
HTML Table মো: আশিকুজ্জামান আশিক রাজশাহী বিশ্ববিদ্যালয়। HTML টেবিল ব্যবহার করে আমরা কোন web পেজে বিভিন্ন ধরনের পরিসংখ্যানমূলক ডেটা পাঠকের নিকট আকর্ষণীয় ভাবে উপস্থাপন করতে পারবো। HTML টেবিলের উদাহরন এই পর্যায়ে আমরা একটি HTML টেবিলের উদাহরন দেখব: সিরিয়াল নাম্বার নামের প্রথম অংশ নামের শেষ অংশ নাম্বার ১. আল আমিন ৯০ ২. মেহেদি হাসান ৮৫ …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%9f%e0%a7%87%e0%a6%ac%e0%a6%bf%e0%a6%b2-html-tables/
এইচটি এম এল ইমেজ (HTML Image)
এইচটি এম এল ইমেজ (HTML Images) মোঃ রফিকুল ইসলাম উদাহরণঃ DOCTYPE html> <html> <body> <h2>Spectacular Mountains</h2> <img src=”pic_mountain.jpg” alt=”Mountain View” style=”width:304px;height:228px”> </body> </html> ফলাফলঃ Spectacular Mountains অবশ্যই ইমেজ (ছবির) উচ্চতা এবং প্রসস্থতা উল্লেখ করে দিতে হবে। যদি উচ্চতা এবং প্রসস্থতা নির্দিষ্ট করে না দেয়া হয়ে তাহলে পেজে ইমেজ লোড হওয়ার সময় ইমেজটি …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%87%e0%a6%ae%e0%a7%87%e0%a6%9c-html-images/
এইচটিএমএল লিঙ্ক (HTML Link)
এইচ টি এম এল লিঙ্ক স্বর্ণা আখতার সম্পাদনাঃ মোঃ রফিকুল ইসলাম প্রায় সকল ওয়েবপেজ এ লিঙ্ক রয়েছে। লিঙ্ক এ ক্লিক করার মাধ্যমে ব্যবহারকারী এক পেজ থেকে অন্য পেজে যেতে পারে। এইচটিএমএল লিঙ্ক – হাইপারলিঙ্ক হাইপারলিঙ্ক হচ্ছে একটি Text, বা ছবি যার উপর ক্লিক করার মাধ্যমে আপনি অন্য আরেকটি ওয়েবপেজে/ডকুমেন্ড এ চলে যেতে পারে। …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%b2%e0%a6%bf%e0%a6%99%e0%a7%8d%e0%a6%95-html-links/
এইচটিএমএল এর সিএসএস (HTML Style – CSS)
শরিফুল ইসলাম Php Coder HTML Styles – CSS উদাহরণ <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1 {color:blue} p {color:green} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> সিএসএস দ্বারা এইচটিএমএল কে স্টাইল করা সিএসএস(css) এর পূর্ণ নাম হল Cascading Style Sheets । তিনভাবে স্টাইল কে এইচটিএমএল এর সাথে যুক্ত …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-html-styles-css/
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a6%ae%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f-html-comments/
এইচটিএমএল কম্পিউটার কোডের উপাদান (HTML Computer Code Elements)
HTML Computer Code Elements AbuJubair Mahin Computer Code var person = { firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue” } এইচটি এম এল কম্পিউটার কোডের উপাদান (HTML Computer Code Elements) সাধারণত, এইচটিএমএল পরিবর্তনশীল letter size, এবং পরিবর্তনশীল letter spacing ব্যবহার করে। কম্পিউটার কোড এর উদাহরণ প্রদর্শনের সময় এটি ঘটা আশানুরূপ নয় । সকল <kbd>, …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%95%e0%a6%ae%e0%a7%8d%e0%a6%aa%e0%a6%bf%e0%a6%89%e0%a6%9f%e0%a6%be%e0%a6%b0-%e0%a6%95%e0%a7%8b%e0%a6%a1/
এইচটিএমএল এর কোটেশন (HTML Quotation and Citation Elements)
HTML Quotation and Citation Elements শরিফুল ইসলাম Job category-Php Coder Email-bappiislam1988@gmail.com Mob-01722806467 এইচটিএমএল এর কোটেশন (HTML Quotation and Citation Elements) এইচটিএমএল <q> সংক্ষিপ্ত উদ্ধৃতি এর জন্য সংক্ষিপ্ত উদ্ধৃতি এর জন্য এর জন্য <q> এলিমেন্ট ব্যবহার করা হয়। ব্রাউজার নিজে নিজে এই উদ্ধৃতির চিহ্ন বসিয়ে দেয়। উদাহরণঃ <p>WWF’s goal is to: <q>Build a future …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%95%e0%a7%8b%e0%a6%9f%e0%a7%87%e0%a6%b6%e0%a6%a8-html-quotation-and-citation-elements/
এইচটিএমএল এর টেক্সট ফরমেটিং (HTML Text Formatting Elements)
HTML Text Formatting Elements শরিফুল ইসলাম Job category-Php Coder Email-bappiislam1988@gmail.com Mob-01722806467 এইচটিএমএল ফরম্যাটিং elements (HTML Formatting Element) গত অধ্যায়ে আপনারা জেনেছেন, HTML Style Attribute দ্বারা কিভাবে HTML Style কে পরিবর্তন করা যায়। এ অধ্যায়ে আমরা HTML Formatting Element সম্পর্কে জানব। নিম্নে HTML Text Formatting Elements গুলোকে উদাহরণসহ তুলে ধরা হল- এইচটিএমএল এর কিছু গুরুত্তপূর্ণ উপাদান …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%9f%e0%a7%87%e0%a6%95%e0%a7%8d%e0%a6%b8%e0%a6%9f-%e0%a6%ab%e0%a6%b0%e0%a6%ae%e0%a7%87/
এইচটিএমএল এর স্টাইল (HTML Styles)
এইচটিএমএল এর স্টাইল (HTML Styles) নাম-শরিফুল ইসলাম Job category-PHP Coder Email-bappiislam1988@gmail.com Mob-01722806467 বিষয়- HTML Styles এইচটিএমএল স্টাইল প্রত্যেকটি এইচটিএমএল উপাদানের জন্য একটি ডিফল্ট বা নির্দিষ্ট স্টাইল থাকে পিছনের কালার বা ব্যাকগ্রাউন্ড কালার সাদা এবং টেক্সট এর কালার কালো। স্টাইল attribute এর মাধ্যমে আমরা এই ডিফল্ট কালার কে পরিবর্তন করতে পারি। নিচের উদাহরণ এ ব্যাকগ্রাউন্ড কালার …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%b8%e0%a7%8d%e0%a6%9f%e0%a6%be%e0%a6%87%e0%a6%b2-html-styles/
এইচটিএমএল এর অণুচ্ছেদ (HTML Paragraphs)
এইচটিএমএল প্যারাগ্রাফ বা অনুচ্ছেদ নয়ন চন্দ্র দত্ত এইচটিএমএল ডকুমেন্ট বিভিন্ন অনুচ্ছেদে ভাগ করা হয়। এর জন্য বিভিন্ন ট্যাগ রয়েছে যেগুলো ব্যবহারে দুটি লাইনকে পৃথক করা যায়। এইচটিএমএল প্যারাগ্রাফ এইচটিএমএল < p> উপাদান একটি অনুচ্ছেদ সংজ্ঞায়িত করে। যেমনঃ- <p>This is a paragraph</p> <p>This is another paragraph</p> [* ব্রাউজার স্বয়ংক্রিয়ভাবে অনুচ্ছেদের আগে ও পরে একটি …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%85%e0%a6%a3%e0%a7%81%e0%a6%9a%e0%a7%8d%e0%a6%9b%e0%a7%87%e0%a6%a6-html-paragraphs/
এইচটিএমএল শিরোনাম (HTML Headings)
HTML Headings HTML Documents এর ক্ষেত্রে Headings খুবই গুরুত্বপূর্ণ। <h1> থেকে <h6> tags দ্বারা Heading কে তুলে ধরা হয়। <h1> tag দ্বারা সবচেয়ে গুরুত্বপূর্ণ ও <h6> tag দ্বারা অপেক্ষাকৃত কম গুরুত্বপূর্ণ Heading কে তুলে ধরা হয়। উদাহরণস্বরূপঃ <h1> এই হল একটি শিরোনাম </h1> <h2> এই হল একটি শিরোনাম </h2> <h3> এই হল একটি শিরোনাম …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%b6%e0%a6%bf%e0%a6%b0%e0%a7%8b%e0%a6%a8%e0%a6%be%e0%a6%ae-html-headings/
এইচটিএমএল এট্রিবিউট (HTML Attributes)
HTML Attributes এইচটিএমএল এট্রিবিউট নয়ন চন্দ্র দত্ত এট্রিবিউট হচ্ছে ট্যাগ এর বৈশিষ্ট বা মান। এট্রিবিউট এইচটিএমএল উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। এইচটিএমএল এট্রিবিউট • এইচটিএমএল এলিমেন্টে বা উপাদানের এট্রিবিউট বা বৈশিষ্ট্যাবলী থাকতে পারে। • এট্রিবিউট একটি উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। • এট্রিবিউট সবসময় শুরু ট্যাগ এ উল্লেখ করা হয়। • এট্রিবিউট …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf%e0%a6%8f%e0%a6%ae%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%bf%e0%a6%ac%e0%a6%bf%e0%a6%89%e0%a6%9f-html-attributes/
এইচটি এম এল এর উপাদান সমূহ (HTML Elements)
এইচটি এম এল এর উপাদান সমূহ (HTML Elements) Md. Atik Hasan Webpage Design & Developer এইচটিএমএএল এলিমেন্ট (HTML Element): এইচটিএমএএল এলিমেন্ট (Element) দ্বারাই HTML Document বর্ণনা করা হয়। একটি HTML Document – এর চারটি মৌলিক Element থাকে। যথাঃ html, head, title, body। এছাড়াও আরও অনেক Element রয়েছে। HTML Element শুরু হয় Opening tag (<html>) …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%89%e0%a6%aa%e0%a6%be%e0%a6%a6%e0%a6%be%e0%a6%a8-%e0%a6%b8%e0%a6%ae%e0%a7%82%e0%a6%b9-htm/
এইচটিএমএল এর মৌলিক বিষয় (HTML Basic Example)
এইচ টি এম এল এর সাধারন বিষয়াবলী স্বর্ণা আখতার (টিউটোরিয়াল টি পড়ার আগে অবশ্যই আপনাকে এইচ টি এম এল ট্যাগ এর ব্যবহার সম্পর্কে জানতে হবে। পরবর্তী অধ্যায় এ ট্যাগ সম্পর্কে আলোচনা করা হয়েছে।) এইচ টি এম এল ডকুমেন্ট সকল এইচ টি এম এল ডকুমেন্ট অবশ্যই ডকুমেন্ট এর টাইপ ঘোষণা এর মাধ্যমে শুরু করতে …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a-%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%b0-%e0%a6%ae%e0%a7%8c%e0%a6%b2%e0%a6%bf%e0%a6%95-%e0%a6%ac%e0%a6%bf%e0%a6%b7%e0%a7%9f-html-basic-e/
এইচটিএমএল এডিটর (HTML Editor)
এইচ টি এম এল এডিটর (HTML Editors) এইচটিএমএল সম্পাদক নয়ন চন্দ্র দত্ত নোটপ্যাড বা TextEdit ব্যবহার করে এইচটিএমএল লিখা পেশাদারী এইচটিএমএল এডিটর ব্যবহার করেও এইচটিএমএল সম্পাদনা করা যেতে পারে। যেমনঃ- • Adobe Dreamweaver • Microsoft Expression Web • CoffeeCup HTML Editor তবে, এইচটিএমএল শেখার জন্য আমরা নোটপ্যাড (পিসি) বা TextEdit (ম্যাক) মত টেক্সট এডিটর সুপারিশ …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a-%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%8f%e0%a6%a1%e0%a6%bf%e0%a6%9f%e0%a6%b0-html-editors/
এইচটিএমএল টিউটোরিয়াল পরিচিতি (HTML tutorial Introduction)
HTML পরিচিতি HTML কি? HTML হল একটি মার্কআপ ল্যাঙ্গুয়েজ যার মাধ্যমে একটি ওয়েব পেজের কন্টেন্ট গুলোকে বর্ণনা করা হয়। HTML এর পূর্ণরূপ হল Hyper Text Markup Language মার্কআপ ল্যাঙ্গুয়েজ হল অনেকগুলো মার্কআপ ট্যাগের সমষ্টি HTML এর ডকুমেন্টস HTML ট্যাগ দ্বারা বর্ণনা করা হয় প্রত্যেকটি HTML ট্যাগ ডকুমেন্টের ভিন্ন ভিন্ন কন্টেন্টকে বর্ণনা করে উদাহরণ <!DOCTYPE html> …
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%8f%e0%a6%87%e0%a6%9a-%e0%a6%9f%e0%a6%bf-%e0%a6%8f%e0%a6%ae-%e0%a6%8f%e0%a6%b2-%e0%a6%aa%e0%a6%b0%e0%a6%bf%e0%a6%9a%e0%a6%bf%e0%a6%a4%e0%a6%bf-html-introduction/
এইচটিএমএল কমেন্ট (HTML Comment)
রাজু (DU) এইচ টি এম এল এ কমেন্ট করার জন্য কমেন্ট ট্যাগ <!– এবং –> ব্যবহার করা হয়। HTML Comment Tags এইচটিএমএল কমেন্ট ট্যাগ HTML source এ আপনি নিম্নোক্ত syntax ব্যাবহার করে comments করতে পারেনঃ <!– এখানে আপনার Comment লিখুন –> নোটঃ এখানে অবশ্যই মনে রাখতে হবে যে একটি বিস্ময় সূচক চিহ্ন (!) শুরুর …
Continue reading