নিজেই বানান নিজের ওয়াপ সাইট পার্ট ২

কেমন আছেন সবাই?  আর সময় নষ্ট না করে আমার টিউটোরিয়াল শুরু করে দেই।

HTML  কি?

HTML হল Hyper Text Markup Language.

এখন আসি এইচটিএমএল এ কিভাবে ওয়াপ সাইট বানাব?

প্রথমে আপনার কম্পিউটার থেকে নোটপ্যাড অথবা নোটপ্যাড++(নোটপ্যাডের উন্নত ভার্সন) ওপেন করুন। অথবা  যে  কোন এইচটিএমএল এডিটর ওপেন করুন।

নিম্নের কোডটি টাইপ করুন। (কোডের ব্যাখ্যা নিম্নে দেওয়া হল)

<!--?xml version="1.0" encoding="UTF-8"?-->
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Mobi.CoM-Ultimate Mobile Free Downloads-free Mobile Videos,Mp3,themes,Software,Flash item all kind of Mobile products.</title>
<link rel="shortcut icon" href="http://shortcut icon url">

<!DOCTYPE> : এটা একটি গুরুত্বপূর্ণ জিনিস । এটাকে সম্পূর্ণ ট্যাগ বলা চলে না এটা মূলত HTML এর কোন ভার্সন সেটা বোঝাতে ব্যবহারিত হয় ।এটা ব্যবহার করার কোড হল : <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> যেহেতু আমরা ওয়াপ সাইট বানাব  তাই WAPFORUM//DTD XHTML Mobile 1.0// এটি লেখা হয়েছে......।

<title>Mobi.CoM-Ultimate Mobile Free Downloads-free Mobile Videos,Mp3,themes,Software,Flash item all kind of Mobile products.</title>

<title>   </title> এখানে Title ট্যাগের মধ্যে আপনার ওয়েব সাইটের নাম লিখতে হবে। আপনি চাইলে নামের সাথে আরো অনেককিছু যোগ করতে পারবেন, যা আপনার ব্রাউজারের টাইটেল বারে প্রদর্শিত হবে।

<link rel="shortcut icon" href="http://shortcut icon url"> এখানে  সাইট আইকন  ট্যাগের মধ্যে আপনার ওয়েব সাইটের আইকন দিতে হবে । যা আপনার ব্রাউজারের টাইটেল বারে প্রদর্শিত হবে।

নিম্নের কোডটি টাইপ করুন। (কোডের ব্যাখ্যা নিম্নে দেওয়া হল)

<html>
<head>
<title> যে কোন লেখা </title>
</head>
<body>
<p>
যে কোন লেখা

</p> </body> </html>

Link

HTML Link লেখা খুবই সহজ। এটা লেখার জন্য আপনাকে <a> </a> ট্যাগ ব্যবহার করতে হবে। নিম্নের মত করে কোডটি টাইপ করুন।

<a href="https://www.techtunes.io">Techtunes</a>
Image
<img src="new_files/662_1241_128_arrow_blue_download_icon.png" hieght="25" alt="img" width="25">

এখানে আপনার দেয়া ইমেজ ফাইল থাকবে।

Style
<link rel="STYLESHEET" type="text/css" href="new_files/styles.css">

এখানে আপনার দেয়া style ফাইল থাকবে।

<body> </body> এখানে এই দুইটি ট্যাগের মধ্যে আপনার সব লিঙ্ক,টেক্সট থাকবে। ফাইলটি .html এক্সটেনশন দিয়ে সেভ করুন। অর্থা‍ৎ আপনি যদি আপনার তৈরি করা এই পেজটির নাম দেন index তাহলে এটি নামে index.html সেভ করুন। এবার output(আউটপুট) দেখার জন্য আপনার তৈরি করা ফাইলটির উপর ‌মাউস দিয়ে ডাবল ক্লীক করুন। আশা করি আপনি আউটপুট হিসেবে আপনার ব্রাউজারে যে কোন লেখা এই লেখাটি দেখতে পাবেন।

আর এখান থেকে  এটা  ডাউনলোড করে নেন,তারপর এটা unzip করে নোটপ্যাড অথবা যে কোন এইচটিএমএল এডিটর দিয়ে  এডিট করে শিখুন।

আজ এ পর্যন্ত ই। ভাল থাকবেন। আর comments করতে ভুলবেন না…………

Level New

আমি Ronybd44। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 6 টি টিউন ও 42 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

হুমমমম। ভাল। সামনে স্ক্রীপ্ট মোডিফাই করা নিয়ে আলোচনা করবেন আশা করি।