Daffodil Computers Ltd.
Create your Own Website => HTML, PHP => Topic started by: bbasujon on January 11, 2012, 07:33:00 AM
-
যা লাগবে:
html ব্যবহার করে code লেখার জন্য আমাদের নতুন কোন সফটওয়্যারের প্রয়োজন নেই , আমরা আমাদের অতি পরিচিত নোটপ্যাড ব্যবহার করেই html এর code লিখতে পারি। এভাবে লেখা কোড আমরা .html এক্সটেনশন যেমন index.html দ্বারা Save করে যেকোন ব্রাওজার যেমন Internet explorer, Mozila , Google chrome, Opera দ্বারা দেখতে পারি।
আমাদের Code এবং এর বিভিন্ন অংশ:
আমরা একটা নোটপ্যাড open করে নিচের code টুকু লিখি।
Code:
<html>
<head>
<title> This is title of your web site.</title>
</head>
<body bgcolor=”green” >
<p>
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
</p>
</body>
</html>
এখন file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।
(http://tutorialbd.com/bn/wp-content/uploads/2010/02/6.a.png)
আসলে এটা একটা প্যারাগ্রাফ ছারা আর কিছু নয়। কিন্তু আমরা যদি প্যারাগ্রাফটির text font, text size, font color পরিবর্তন করতে চাই তাহলে আমাদেরকে <font> ট্যাগ ব্যবহার করতে হবে। এখন আমরা নিচের code টুকু লক্ষ করি,
Code:
<html>
<head>
<title> This is title of your web site.</title>
</head>
<body bgcolor=”green” >
<p>
<font face=”Verdana” size=”4″color=”red”>
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
This is a paragaph. This is a paragaph. This is a paragaph.
</font>
</p>
</body>
</html>
এখন পূনরায় file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করি । save করা index.html ফাইলটি Internet explorer দিয়ে open করলে নিচের মত দেখাবে।
(http://tutorialbd.com/bn/wp-content/uploads/2010/02/6.b.png)
কি আমরা কি কোন পরিবর্তন দেখতে পাচ্ছি? হ্যা অবশ্যই! আমরা প্যারাগ্রাফের text font হিসেবে Verdana , text size আগের তুলনায় বেশ বড় আর text color হিসাবে red প্রদর্শন হতে দেখছি।
<font> ট্যাগ বিশ্লেষণ :
text font, text size, font color পরিবর্তন করতে <font> ট্যাগ ব্যবহার করা হয়। অন্যান্য ট্যাগের মতই font ট্যাগের ক্ষেত্রেও শেষ ট্যাগ </font> দিতে হয়। আমরা <font …………………> তে যে face=”Verdana”, size=”4″, color=”red” লিখেছি এখানে face, size , এবং color কে <font>ট্যাগের অ্যাট্রিবিউটস বলা হয়। আমরা এগুলোর প্রয়োজনীয় পরিবর্তন করে ব্যবহার করে আমরা web page কে অনেক বেশি সুন্দর করতে পারি।