এইচটিএমএল

ডেভসংকেত

এইচটিএমএল(HTML) এর পূর্নরুপ হচ্ছে Hypertext Markup Language, ওয়েব পেজ ও ওয়েব অ্যাপ্লিকেশন তৈরী করার জন্যে স্ট্যান্ডার্ড মার্কাপ ল্যাংগুয়েজ হিসেবে ব্যবহৃত হয়

সাধারণ

এইচটিএমএল ডকুমেন্ট তৈরী করা

<html>...</html>

টাইটেলসহ অন্যান্য তথ্য সেট

<head>...</head>

দৃশ্যমান অংশ সেট

<body>...</body>

ডকুমেন্ট এর টাইটেল সেট

<title>...</title>

ফরম্যাট

নতুন প্যারাগ্রাফ তৈরী

<p>...</p>

লাইন ব্রেক

<br>

উক্তি তৈরী করা

<blockquote>...</blockquote>

ব্লক সেকশন তৈরী

<div>...</div>

একই লাইনে সেকশন তৈরী

<span>...</span>

বডি অ্যাট্রিবউট(ইমেইল টেমপ্লেট)

ব্যাকগ্রাউন্ড কালার সেট

<body bgcolor=...>...</body>

লেখার কালার সেট

<body text=...>...</body>

লিঙ্ক এর কালার সেট

<body link=...>...</body>

ভিসিট করা লিঙ্ক এর কালার সেট

<body vlink=...>...</body>

অ্যাক্টিভ লিঙ্ক এর কালার সেট

<body alink=...>...</body>

বডি অ্যাট্রিবউট(ইমেইল টেমপ্লেট)

অর্ডারবিহীন লিস্ট তৈরী

<ul>...</ul>

অর্ডার লিস্ট তৈরী

<ol>...</ol>

লিস্ট আইটেম

<li>...</li>

ডেফিনেশন লিস্ট তৈরী

<dl>...</dl>

ডেফিনেশন টার্ম

<dt>...</dt>

ডেফিনেশন বর্ণনা

<dd>...</dd>

লেখার ট্যাগ

ফরম্যাটেড লেখা

<pre>...</pre>

হেডলাইন

<[h1-h6]>...</[h1-h6]>

বোল্ড লেখা

<b>...</b>

ইটালিক লেখা

<i>...</i>

টাইপরাইটার স্টাইল লেখা

<tt>...</tt>

কোড লেখা

<code>...</code>

citation

<cite>...</cite>

লেখার ট্যাগ

অ্যাড্রেস লেখার সেকশন

<address>...</address>

em

<em>...</em>

strong

<strong>...</strong>

ফন্ট সাইজ সেট(1-7)

<font size=...>...</font>

ফন্ট কালার সেট

<font color=...>...</font>

ফন্ট সেট

<font face=...>...</font>

গ্রাফিক্যাল ইলিমেন্ট

হরিজন্টাল লাইন

<hr>

হরিজন্টাল লাইনের উচ্চতা

<hr size>

হরিজন্টাল লাইনের দৈর্ঘ্য

<hr width>

হরিজন্টাল লাইন ছায়া ছাড়া

<hr noshade>

ইমেজ যুক্ত ইউআরএল দিয়ে

<img src="ইউআরএল">

ইমেজ অ্যালাইন করা

<img ... align=...>

ইমেজে বর্ডার

<img ... border=...>

গ্রাফিক্যাল ইলিমেন্ট

ইমজের উচ্চতা

<img ... height=...>

ইমজের দৈর্ঘ্য

<img ... width=...>

ইমেজের বিকল্প লেখা

<img ... alt="বিকল্প-লেখা">

লিঙ্ক

কোনো ইউআরএল এ হাইপারলিঙ্ক সেট

<a href="ইউআরএল">লেখা</a>

কোনো ইমেইলে এ হাইপারলিঙ্ক সেট

<a href="mailto:ইমেইল">লেখা</a>

ডকুমেন্ট এর মধ্যেই লিঙ্ক সেট

<a name="নাম">লেখা</a>

পেজের মধ্যেই লিঙ্ক সেট

<a href="#নাম">লেখা</a>

ফর্ম

ফর্ম তৈরী

<form>...</form>

একাধিক সিলেক্ট করার মেনু তৈরী

<select multiple name="নাম" size="সাইজ">...</select>

সিলেক্ট করার মেনু তৈরী

<select name="নাম">...</select>

সিলেক্ট মেনুর অপশন

<option>...</option>

লেখার বক্স তৈরী কলাম রো সহ

<textarea name="নাম" cols=... rows=...>...</textarea>

চেকবক্স তৈরী

<input type="checkbox" name="নাম" value="ভ্যালু">

চেকবক্স চেক অবস্থায় তৈরী

<input type="checkbox" ... ... checked>

ফর্ম

রেডিও বাটন তৈরী

<input type="radio" name="নাম" value="ভ্যালু">

রেডিও বাটন চেক অবস্থায় তৈরী

<input type="checkbox" ... ... checked>

লেখার বক্স তৈরী

<input type="text" name="নাম" value="ভ্যালু">

সাবমিট বাটন তৈরী

<input type="submit" value="ভ্যালু">

রিসেট বাটন তৈরী

<input type="reset" name="নাম" value="ভ্যালু">

ইনপুট ট্যাগ

ইমেইল অ্যাড্রেস এর জন্যে ইনপুট

<input type="email" name="নাম">

ইউআরএল এর জন্যে ইনপুট

<input type="url" name="নাম">

নাম্বার এর জন্যে ইনপুট

<input type="number" name="নাম">

নাম্বার রেঞ্জ এর জন্যে ইনপুট

<input type="range" name="নাম">

তারিখ এর জন্যে ইনপুট

<input type="date/month/week/time" name="নাম">

সার্চ এর জন্যে ইনপুট

<input type="search" name="নাম">

কালার এর জন্যে ইনপুট

<input type="color" name="নাম">

টেবিল

টেবিল তৈরী

<table>...</table>

রো সেট

<tr>...</tr>

রো তে সেল সেট

<td>...</td>

টেবিল হেডার

<th>...</th>

টেবিল অ্যাট্রিবউট

বর্ডারের দৈর্ঘ্য সেট

<table border=...>...</table>

সেলের মধ্যকার স্পেস

<table cellspacing=...>...</table>

সেলের বর্ডার এবং কন্টেন্ট এর মধ্যকার স্পেস

<table cellpadding=...>...</table>

টেবিলের দৈর্ঘ্য

<table width=...>...</table>

রো এর ভিতরে সেলের অ্যালাইনমেন্ট

<tr align=...>...</tr>

সেলের অ্যালাইনমেন্ট

<td align=...>...</td>

রো এর ভিতরে সেলের উপর-নিচ অ্যালাইনমেন্ট

<tr valign=...>...</tr>

টেবিল অ্যাট্রিবউট

সেলের উপর-নিচ অ্যালাইনমেন্ট

<td valign=...>...</td>

একটা সেলের রো সংখ্যা

<td rowspan>...</td>

একটা সেলের কলাম সংখ্যা

<td colspan>...</td>

সেলের লাইন না ভাঙ্গা

<td nowrap>...</td>
ডেভসংকেত

বাংলা চিটশিটের ভান্ডার

devsonket.com

প্রিন্ট করুন