<html> <head> </head> <body> </body> </html>
উপরের কোডে আমরা ভাল করে দেখতে পাচ্ছি, <html></html> ট্যাগ দ্বারা বুঝা যাচ্ছে যে এটি একটি এইচটিএমএল ডকুমেন্ট।এই ডকুমেন্ট এর মাঝে <head> </head> এবং <body></body> ট্যাগ দেওয়া হয়েছে। হেড ট্যাগের মধ্যে পেজের টাইটেল দেওয়া হয় যা আপনি ব্রাউজারে এড্রেস বারের উপরে দেখতে পান। এছাড়াও এই ট্যাগের মাঝে সিএসএস লিংকিং, এবং বিভিন্ন কোড ইনস্ট্রাকশন দেওয়া হয়। বডি ট্যাগের মধ্যে একটি ওযেবসাইট বা পেজের মুল কন্টেন্ট থাকে। এখন আমরা এই পেজ স্ট্রাকচার ট্যাগ ব্যবহার করে, একটি সিম্পল ওয়েব পেইজ তৈরী করব।
প্রথমে আপনার কম্পিউটারের যে কোন ডাইভে একটি ফোল্ডার ক্রিয়েট করুন এবং এর নাম দিন My web project
এই ফোল্ডারের মধ্যে একটি নোটপ্যাড ফাইল ক্রিয়েট করুন এবং এর নাম দিন index.html(আপনি অন্য নামও দিতে পারেন) এখন এই HTML ফাইলটি Notepad++ দ্বারা ওপেন করুন। এখন নিচের কোডগুলো লিখে ফেলূন অথবা এখান থেকে কপি করে পেস্ট করে সেভ করুন।
<html> <head> <title> This is a page title </title> </head> <body> <h1> This is a post title </h1> <p>This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.This is a post description and all the description are written here.</p> </body> </html>
এখন Notepad++ এর Run অপশন হতে যে কোন browser এ রান করুন। দেখুন একটি সিম্পল ওয়েব পেইজ তৈরী হয়ে গেছে। আপাতত এটুকুই কিছুদিন প্র্যাকটিস করতে খাকুন। এর পর শিঘ্রই ফিরব পরবতী টিউটোরিয়াল নিয়ে।
No comments:
Post a Comment