Post Top Ad
Your Ad Spot
Showing posts with label html. Show all posts
Showing posts with label html. Show all posts
Sunday, October 14, 2018
Friday, October 12, 2018
HTML
shihab 221
October 12, 2018
0
HTML (Class 1)
TAG: মূলত এইচটিএমএল হল এক প্রকার কোডিং যা বিভিন্ন ট্যাগ ও এট্টিবিউট এর সমন্বয়ে তৈরি | যেমন:
<tag name>Content/text</tag name>
এটা একটা সিম্পল এইচটিএমএল কোডিং | এইচটিএমএল লেখার সময় বিভিন্ন ট্যাগ ব্যবহার করা হয়
ট্যাগ বা কিওয়ার্ডগুলো জোড়া অ্যাঙ্গেল ব্রাকেট এর মধ্যে লিখতে হয় | প্রথম অ্যাঙ্গেল ব্রাকেট < > কে ওপেনিং ট্যাগ এবং শেষে স্লাসসহ অ্যাঙ্গেল ব্রাকেট </> কে ক্লোজিং ট্যাগ বলা হয় |যেমন:
Input: <html> This is a html document</html>
Output: This is a html document
কনটেন্টকে ভিন্নভাবে প্রদর্শন করার জন্য ভিন্ন ভিন্ন ট্যাগ ব্যবহার করা হয় |
Attribute: এইচটিএমএল এট্রিবিউট হল কোন কোন টেক্সট বা কনটেন্ট এর বৈশিষ্ট্য নির্ধারক | যেমন এইচটিএমএল ট্যাগ এর ভিতর কোন টেক্সট আছে এখন এই টেক্সটকে যদি নীল কালার বা রং করা হয় তবে এর এট্রিবিউট হবেন নীল রং |
Input: <p style="color:blue">This is a blog post </P>
Output: This is a blog post
এক্ষেত্রে color:blue অংশটুকু এট্রিবিউট ভ্যালু |
আমরা এইচটিএমএল ট্যাগ ও এট্টিবিউট সম্পর্কে জেনেছি এখন আমরা কোন ট্যাগ বা কোন কিওয়ার্ড কি কাজে ব্যবহৃত হয় সে সম্পর্কে জানব :
এই পর্বে আমরা HTML সম্পর্কে আলোচনা করছি, এই পর্বে আমরা html বেসিক সম্পর্কে আলোচনা করব |
HTML(Hyper Text Markup Language )ওয়েব পেজ তৈরির জন্য সবচেয়ে বেশি ব্যবহৃত প্রোগ্রামিং ভাষা | স্যার টিমোথি জন বার্নার্স লি এই ভাষা প্রচলন শুরু করেন এই ভাষার মাধ্যমে খুব সহজেই কার্যকরী ওয়েব পেজ তৈরী করা সম্ভব ,এই পর্বে আমরা বিস্তারিত আলোচনা করব |TAG: মূলত এইচটিএমএল হল এক প্রকার কোডিং যা বিভিন্ন ট্যাগ ও এট্টিবিউট এর সমন্বয়ে তৈরি | যেমন:
<tag name>Content/text</tag name>
এটা একটা সিম্পল এইচটিএমএল কোডিং | এইচটিএমএল লেখার সময় বিভিন্ন ট্যাগ ব্যবহার করা হয়
ট্যাগ বা কিওয়ার্ডগুলো জোড়া অ্যাঙ্গেল ব্রাকেট এর মধ্যে লিখতে হয় | প্রথম অ্যাঙ্গেল ব্রাকেট < > কে ওপেনিং ট্যাগ এবং শেষে স্লাসসহ অ্যাঙ্গেল ব্রাকেট </> কে ক্লোজিং ট্যাগ বলা হয় |যেমন:
Input: <html> This is a html document</html>
Output: This is a html document
কনটেন্টকে ভিন্নভাবে প্রদর্শন করার জন্য ভিন্ন ভিন্ন ট্যাগ ব্যবহার করা হয় |
Attribute: এইচটিএমএল এট্রিবিউট হল কোন কোন টেক্সট বা কনটেন্ট এর বৈশিষ্ট্য নির্ধারক | যেমন এইচটিএমএল ট্যাগ এর ভিতর কোন টেক্সট আছে এখন এই টেক্সটকে যদি নীল কালার বা রং করা হয় তবে এর এট্রিবিউট হবেন নীল রং |
Input: <p style="color:blue">This is a blog post </P>
Output: This is a blog post
এক্ষেত্রে color:blue অংশটুকু এট্রিবিউট ভ্যালু |
আমরা এইচটিএমএল ট্যাগ ও এট্টিবিউট সম্পর্কে জেনেছি এখন আমরা কোন ট্যাগ বা কোন কিওয়ার্ড কি কাজে ব্যবহৃত হয় সে সম্পর্কে জানব :
ট্যাগের নাম
|
ট্যাগের বিবরণ
|
<!–….–>
|
মন্তব্য লেখার জন্য
|
<!DOCTYPE>
|
ডকুমেন্টটি কী ধরণের তা ব্রাউজারকে বোঝানোর জন্য
|
<html>…….</html>
|
HTML ডকুমেন্ট বোঝানোর জন্য
|
<head>…..</head>
|
HTML ডকুমেন্টে head
অংশ নির্ধারণ করে ।
|
<title>……</title>
|
ডকুমেন্টের টাইটেল বোঝানোর জন্য,ব্রাউজারের টাইটেল বারে প্রদর্শিত হয়
|
<body>…</body>
|
body ট্যাগের ভিতর যা লিখা হবে তা ওয়েব পেজে প্রদর্শিত হবে
|
<b>…..</b>
|
টেক্সটকে বোল্ড করার জন্য
|
<em>….</em>
|
টেক্সটকে
emphasized করার জন্য
|
<i>…..</i>
|
কোনো টেক্সটকে italic করার জন্য
|
<small>…</small>
|
কোনো টেক্সটকে ছোট করার জন্য
|
<big>…</big>
|
টেক্সটকে বড় করার জন্য
|
<blink>….</blink>
|
টেক্সটকে একবার প্রদর্শন করবে আবার করবেনা
|
<blockquote>…
</blockquote> |
বিশেষ উক্তি প্রকাশ করার জন্য
|
<strike>….
</strike> |
টেক্সটের মাঝে কাটা দাগ দিতে
|
<del>….</del>
|
টেক্সটের মাঝে কাটা দাগ দিতে
|
<strong>…</strong>
|
টেক্সটকে বোল্ড করার জন্য
|
<a>….</a>
|
এটি একটি এঙ্কর ট্যাগ যা লিঙ্ক তৈরির ক্ষেত্রে ব্যবহার করা হয়
|
<img>…</img>
|
ছবি সংযুক্ত করতে ব্যবহার করা হয়
|
<abbr>…..</abbr>
|
সংক্ষিপ্ত শব্দের ক্ষেত্রে ব্যবহার করা হয়
|
<samp>….</samp>
|
কোনো বিষয়কে নমুনা হিসেবে দেখাতে
|
<code>….</code>
|
কোনো বিশেষ বাক্যকে Fixed-Width ফরমেটে লিখতে ব্যবহার করতে হয়
|
<form>….</form>
|
যেকোনো ফর্ম তৈরি করার জন্য
|
<h1>…….</h1>
. <h6>….</h6> |
এটি দ্বারা শিরোনাম (Heading ) নির্দেশ করে । এটি h1 থেকে h6 পর্যন্ত রয়েছে
|
<table>…..</table>
|
টেবিল তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
…
|
Division তৈরিতে এই ট্যাগ ব্যবহার করা হয়
|
<row>….</row>
|
যেকোনো রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<col>…..</col>
|
যেকোনো কলাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<tr>….</tr>
|
টেবিলের রো বা সারি তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<td>….</td>
|
টেবিলের সেল তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<th>…..</th>
|
টেবিলের হেডিং বা শিরোনাম তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<hr/>
|
ভূমির সমান্তরাল রেখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<input>…..</input>
|
যেকোনো ধরনের ইনপুট ফিল্ড তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<list>……</list>
|
লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<ol>…..</ol>
|
অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<ul>….</ul>
|
আন অর্ডার লিস্ট তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<u>….</u>
|
আন্ডার লাইন করার ক্ষেত্রে ব্যবহার করা হয়
|
<sub>…..</sub>
|
কোনো টেক্সটকে একটু নিচে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয়
|
<sup>………</sup>
|
কোনো টেক্সটকে একটু উপরে স্থাপন করার ক্ষেত্রে ব্যবহার করা হয়
|
……
|
কোনো ওয়েব পেজকে ফ্রেমের মধ্যে রাখতে ব্যবহার করা হয়
|
<p>……</p>
|
প্যারাগ্রাফ তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<style>……</style>
|
ওয়েব পেজকে স্টাইল করতে ব্যবহার করা হয়
|
<font>…..</font>
|
ফন্টের সাইজ ও কালার নির্ধারণ করার ক্ষেত্রে ব্যবহার করা হয়
|
<br/>
|
লাইন ব্রেক করার ক্ষেত্রে ব্যবহার করা হয়
|
<marquee>……</marquee>
|
চলমান লিখা তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
<pre>…..</pre>
|
একপাশে কবিতার মত লাইন তৈরি করার ক্ষেত্রে ব্যবহার করা হয়
|
Post Top Ad
Your Ad Spot
Author Details
Templatesyard is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates which are professionally designed and perfectlly seo optimized to deliver best result for your blog.


