TutoHost.com/bangla/html

to H H o TM st E L 1. Bo 0 o

k

এইচিটএমএল ইবুক ১.০

এইচিটএমএল ই-বুক ১.০

Tu

েলখকঃ অসীম কুমা পাল

Page: 1 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

কমমা

১৯৮৭

সমেল

to H H o TM st E L 1. Bo 0 o

অসীম

k

েলখকঃ অসীম কমমা পমল

কি�য়ময়

জ��হণ কোন। ২০১০

সমেল

িতিন কি�য়ম পিলেটকিনক ইনি�িটউট স�মদনমঃ মমহবুব িটউেটম েথেক

িডে�মমম

পমস

কোন। িতিন

ঢমকম �েকৗশল �যুি� িব�িবদযমলেয় িব. এস. িস

ইন

ইেলকি�কযমল

ইেলকি�ক

ইি�িনয়মিাং

পড়েছন। িতিন

ওেয়ব

এবং

এনড

এ

েডভলপেমনট

মমইেয়মকেন�লমোা

উপো

ধমামবমিহক িটউেটমিায়মল িলেখ সবমা নজো

আেসন।

এছমড়মও

িতিন

েটকিটউনস, িটউেটমিায়মলিবিডসহ েবশ িকছু বমংলম �ো িলেখ থমেকন।

বমংলমেদেশ অনলমইন

িশ�মমূলক

�কমশনমগেলম

এেকবমো হমেতগেন োলম যময়।

এ েদেশা তুন

সমমজ তথয�যুি�েত নতুন নতুন েমধম একি�ত হেয় �মন অজরেনা জ� কমজ কো যমে�। িবষয়িট একিট িনাব িব�েবা মেতম। আর এই সৃজনশীল বযি�েদা িশ�ম

কমযরয়ম ও উ�মবনী শি�া �কমশনম ধারাবািহক এইচিটএমএল িটউেটমিায়মল যা

এখন ই-বুক আকাের �কাশ করা হেলা।

Tu

বতরমমেন িতিন িটউেটমেহমে� কমরাত �যুি� েলখক অসীম কমমোা হমত ধো আেছন। “এইচিটএমএল বমংলম ই-বুক ১.০”

আিথরক সহেযমিাতময়

সবমইেক ওেয়ব েডভলপেমেনটা িশখমা �থম পদে�প িহেসেব এিােয় িনেয় যমেব বেল আশম কিা।

িটউেটমেহম� TutoHost.com

�ুা িািডং িনলুামা ইয়মসিমন AmusingOcean.com Page: 2 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

•

ে�া�াম েলখার প�িত টয্া সমুহ ও বয্বহা ইিলেমন্ িক এবং িকভােব বয্বহ হয় এি�িবউট িক এবং িকভােব বয্বহ হয় েহিডং টয্া ও বয্বহা HTML পয্ারা�া েট�ট ফরেমিটং ফন্ টয্া এর বয্বহা �াইেলর বয্বহা িলংক �কােশর প�িত ছিব �কাশ েটিবল ও েটিবল �কাশ প�িত িলে�র বয্বহা HTML ফমর ে�ম এর বয্বহা আই ে�ম এর বয্বহা রং ও েকাড েল আউট প�িত HTML এ িসএসএস এর বযবহার েহড েমটা টয্া HTML এ ি�� এর বয্বহা ওেয়েব অিডও ফাইল চালােনার প�িত ওেয়েব িভিডও ফাইল চালােনার প�িত ওেয়েব �াস ফাইল চালােনার প�িত

to H H o TM st E L 1. Bo 0 o

•

HTML িক? HTML এর ইিতহাস

k

সূিচ প�ঃ

• • • • • • • • • • • • • • • • • • • •

Tu

• • • • •

Page: 3 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

১. HTML িক?

to H H o TM st E L 1. Bo 0 o

েথেক HTML স�িকর্ িব�ািরত �ান অজর্ করা যােব।

k

এখােন ধারাবািহক ভােব বাংলা ভাষায় HTML এর উপর িটউেটািরয়াল েলখা হেয়েছ । ডান পােশর ধারাবািহক িলংক

HTML একটা কি�উটার লয্া�ুেয়, যা পৃিথবীর িবশাল তথয-

ভান্ডারে ইন্টারেনেট মাধয্ে �দশর্েন সুেযা ৈতির কের িদেয়েছ। একটা ওেয়ব েপেজর মূল গঠন ৈতির হয় HTML িদেয়। HTML েকান ে�া�ািমং লয্া�ুেয় নয়, এেক Hyper Text Mark Up Language বলা হয়। Mark Up Language এক েসট Mark Up টয্ােগ সম�েয় গিঠত হয়। একটা ওেয়ব েপেজর িবিভ� অংশ �াউজােরর মাধয্ে িকভােব �দিশর্ হেব, তা HTML এ Mark Up টয্া সমূহ বয্বহা কের �কাশ করা হয় ।

HTML এর ইিতহাস

HTML বা Hyper Text Mark Up Language ৈতির কেরেছন িটম বানর্া-লী। এখােন এইচিটএমএল এর সংি�� ইিতহাস তুেল ধরা হেলা।

Tu

HTML বা Hyper Text Mark Up Language ৈতির কেরেছন িটম বানর্া-লী। HTML ৈতিরর উে�� িছল ৈব�ািনক গেবষণার তথয

উপা� �ত পৃিথবীর িবিভ্ �ােন আদান �দােনর বয্ব� করা। ১৯৯০ সােলর িদেক NCSA কতৃ্ র েডভলপকৃত েমাজাইক �াউজােরর মাধয্ে HTML পিরিচিত লাভ কের। ১৯৯৭ এর জানুয়ারীে WC3 কতৃরক �থম েডভলপকৃত HTML3.2 �কািশত হয়। একই বছের েশেষ িডেস�ের WC3 HTML এর নতুন সং�রণ HTML4.2 �কাশ কের। ২০১০ সােল বতর্মাে �চিলত HTML এর সবর্েশ ভাসর্ HTML5 জনস�ূেখ পিরিচিত লাভ কের।

Page: 4 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

২. ে�া�াম েলখার প�িত

k

েয েকান ে�া�াম েলখার জ�ই েকান একটা এিডটর বয্বহা কের েকািডং করেত হয়।এখােন এইচিটএমএল এ ে�া�াম েলখার সাধারন প�িত, একিট �াথিমক ে�ােজ� এবং সাধারন টয্াগসমূ িনেয় আেলাচনা করা হেব।

to H H o TM st E L 1. Bo 0 o

েয েকান ে�া�াম েলখার জ�ই েকান একটা এিডটর বয্বহা কের েকািডং করেত হয়। HTML এ ে�া�াম েলখার জ� �াথিমকভােব এিডটর িহেসেব উইেন্ডা অপােরিটং িসে�েমর িডফ� এিডটর notepad বয্বহা করা েযেত পাের এবং বাড়িত সুিবধ পাবার জ� এডভা� এিডটর িহেসেব Dreamweaver এবং Notepad++ বয্বহা করা ভাল। HTML এ েলখা ে�া�াম .html এ�েটনশন েযমন index.html �ারা Save কের েযেকান �াউজার েযমন

Internet explorer, Mozilla Firefox , Google chrome

এবং Opera �ারা েদখা যােব।

HTML এ েলখা ে�া�ােমর েমৗিলক অংশ সমূহ

www.tutohost.com This is my first web page. I am learning now HTML.

Tu

একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।

Page: 5 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

HTML এ েলখা ে�া�ােমর িবিভ� অংশ িবে�ষণ

to H H o TM st E L 1. Bo 0 o

k

ে�া�ােমর মেধয <> এবং < /> দুইট িচ� এবং এর মেধয িকছু Word েযমন html, head, title, body এগুেলাে Keyword বেল এবং <> বা < /> িচ� এবং এর মােঝ েলখা একিট Keyword েক টয্া বলা হয়। েযমন অথর head টয্াগ HTML এ দু ধরেনর টয্া রেয়েছ , <> িচ� ও keyword িনেয গিঠত টয্াগে শু টয্া এবং < /> িচ� ও keyword িনেয গিঠত টয্াগে েশষ টয্া বেল েযমন < title> অথর title শু টয্া এবং অথর title েশষ টয্াগ<br /> <br /> <html> বা html টয্া:<br /> <br /> HTML এ ে�া�াম েলখার জ� সম� code েক <html> </html> এর মােঝ েলখা হয়।<br /> <br /> <head> বা head টয্া:<br /> <br /> <head></head> এর েভতের <title> টয্া েলখা হয় যার মাধয্ে ওেয়বসাইেটর title বা িশেরানাম �দশর্ের বয্ব� করা হয়। এই code এ title িহেসেব www.tutohost.com েলখা হেয়েছ যা �াউজােরর title bar এ েদখা যাে�। এছাড়া css এর stylesheet েক head টয্ােগ মেধয্ call করা হয়।

বা body টয্া:

বা body টয্া খুবই গুরু�পূণ একিট ওেয়ব সাইেটর মূল Content সমূহ Body টয্ােগ মেধয অব�ান কের । টয্েগ মেধয্ িবিভ� Text , Image, Table ইতয্াি ফরেমিটং এর জ� িবিভ� টয্া সমূহ েলখা হয় । এই code এ টয্েগ মেধয This is my first web page. I am learning now HTML. েলখা হেয়েছ যা �াউজােরর মূল অংেশ

Tu

�দিশর্ হে�।

Page: 6 of 54

এইচিটএমএল ইবুক ১.০

TutoHost.com/bangla/html

৩. HTML টয্া িক?

Tu

to H H o TM st E L 1. Bo 0 o

k

এইচিটএমএল এর সাধারন টয্া সমূহ এবং এগুেলা কােজর সাধারন িববরণ স�েকর জানা খুবই গুরু�পূণ আমরা সহেজই এখান েথেক এইচিটএমএল এর সাধারন টয্া সমূহ এবং এগুেলা কােজর সাধারন িববরণ েজেন িনেত পারব।

HTML এ ে�া�াম েলখার জ� <> এবং দুইট িচ� এবং এর মেধয িকছু Word েযমন html, head, title, body ইতয্াি Keyword বয্বহা করা হয়। <> বা িচ� এবং এর মােঝ েলখা একিট Keyword েক একে� টয্া বলা হয়। েযমন এবং । হল body শু টয্া এবং হল body েশষ টয্াগ

HTML এর সাধারন টয্া সমূহ

টয্া সমূহ



বণর্ন HTML ডকুেমন িনেদর্ কের। ে�া�ােমর head অংশ িনেদর্ কের । ডকুেমন টাইেটল িনেদর্ কের। ে�া�ােমর মূল content অংশ িনেদর্ কের। Anchor টয্াগ Abbreviation টয্াগ Bold েট�ট িনেদর্ কের। Page: 7 of 54

Italic েট�ট িনেদর্ কের। �াভািবেকর েচেয় বড় েট�ট িনেদর্ কের। �াভািবেকর েচেয় েছাট েট�ট িনেদর্ কের। িবেশষ উ�ৃিত �কাশ করেত বয্বহ হয়। একটা লাইন ে�ক ৈতির কের । কি�উটার েকাড েট�ট �কাশ কের। েটিবল ৈতিরেত বয্বহ হয়। েটিবেলর কলাম ৈতিরেত বয্বহ হয়। েটিবেলর েসল ৈতিরেত বয্বহ হয়। েটিবেলর সাির ৈতিরেত বয্বহ হয়। ফরম ৈতিরেত বয্বহ হয়।

to H H o TM st E L 1. Bo 0 o


      •     
        

        
TutoHost.com/bangla/html
        

        
k
        

        
এইচিটএমএল ইবুক ১.০
        

        
েহডার টয্া 1-6 পযর্ হয়। সমা�রাল েরখা ৈতির কের। ছিব যু� করেত বয্বহ হয়। ফরেমর ইনপুট িফ� ৈতিরেত বয্বহ হয়। িল� ৈতিরেত বয্বহ হয়।
        

        
Meta টয্া
        

        
অডর্া িল� ৈতিরেত বয্বহ হয়। আনঅডর্া িল� ৈতিরেত বয্বহ হয়। পয্ারা�া িনেদর্ কের
        

        
pre-formatted েট�ট ৈতিরেত বয্বহ হয়। েটিলটাইপ েট�ট িনেদর্ কের।
        

        
Tu
        

        
Strong েট�ট িনেদর্ কের। subscripted text িনেদর্ কের। superscripted text িনেদর্ কের।
        

        
Page: 8 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
৪. HTML ইিলেমন্
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
HTML এ েযেকান শু এবং েশষ টয্ােগ মােঝর অংশেক ইিলেমন্ বলা হয়। েযমন 
         This is an example of element.
         । এখােন 
         েহডার1 শু এবং 
         েহডার1 েশষ টয্ােগ মােঝ This is an example of element. েলখা হেয়েছ, তাই “This is an example of element.” একিট ইিলেমন্ট িকছু িকছু টয্ােগ েকান ইিলেমন্ থােক না েযমন 
         , ইতয্ািদ
        

        
ইিলেমন্
        

        
েশষ টয্া
        

        

         
         
         
        

        
This is an element. This is paragraph.
        

        

         

        

        
Tu
        

        
শর টয্া
        

        
সাধারণতঃ েয সকল টয্ােগ েশষ টয্া থােক না তােদর ইিলেমন্ট থােক না। এ ধরেণর শু টয্ােগ মেধয্ / িচ�িট অ�ভূর্ থােক, এবং এর আেগ একটা ে�স িদেত হয়।
        

        
Page: 9 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
৫. HTML এি�িবউটস HTML এি�িবউটস সবর্ািধ গুরু�পূ এবং অতয্ �েয়াজনীয় একিট িবষয়। HTML টয্ােগ কাযর্�মতাে বিধর্ করার জ� এি�িবউটস বয্বহা করা হয়। এখােন উদাহরণ সহ HTML এি�িবউটস স�েকর িব�ািরত আেলাচনা করা
        

        
k
        

        
হেব।
        

        
to H H o TM st E L 1. Bo 0 o
        

        
HTML এ এি�িবউটস ইিলেমন্ এর আনুসাি� তথয �কাশ কের । মূলত HTML এ টয্ােগ কাযর্�মতাে বিধর্ করার জ� এি�িবউটস বয্বহা করা হয়। েযমন  This is a paragraph. এখােন size="5" অংশিট হল font টয্ােগ একিট এি�িবউট, যা �কাশ করেছ ইিলেমন্ অথর্া This is a paragraph. েলখািটর সাইজ েকমন হেব। এছাড়া face="Tahoma" �কাশ করেছ েলখািটর font হেব Tahoma এবং color="red" �ারা �কাশ করেছ েলখািটর রং হেব লাল।
        

        
িকছু HTML এি�িবউটস
        

        
Tu
        

        
টয্া  
        ….
         
          

        

        
 

        
এি�িবউটস size="5" face="Tahoma" color="red" align="center" align="left" align="right" title="Bangladesh" bgcolor="green" background="../images/ele.png" id="book" class="pen" align="center" height="100px" width="50px" border="5px" type="text" name="TextField"

        
Page: 10 of 54

        
এইচিটএমএল ইবুক ১.০

        
TutoHost.com/bangla/html

        
to H H o TM st E L 1. Bo 0 o

         www.tutohost.com This is a paragraph. 

        
k

        
উদাহরণ ে�া�াম



        
Tu

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।

        
Page: 11 of 54

        
এইচিটএমএল ইবুক ১.০

        
TutoHost.com/bangla/html

        
৬. েহিডং

        
k

        
এইচিটএমএল এ েহিডং টয্া একিট গুরু�পূ টয্া । সাধারনত এর মাধয্ে েকান পয্ারা�ােফ িশেরানাম েলখা হয়। এ অধয্াে আমরা েহিডং এর েকািডং প�িত স�েকর জানেবা।

        
to H H o TM st E L 1. Bo 0 o

        
HTML এর মাধয্ে েকান ডকুেমন বা পয্ারা�ােফ িশেরানাম েলখার জ� েহিডং টয্া বয্বহা করা হয়। HTML এ েমাট ছয় ধরেণর েহিডং টয্া রেয়েছ এগুেল হল 
         
         , 
         
         , 
         
         , 
         
         , 
         
         এবং 
         
         । যিদ বড় সাইেজর অ�ের িশেরানাম েলখার �েয়াজন হয় তাহেল 
         
         টয্ােগ মােঝ েলখা হয়। এবং অ�া� গুেল বয্বহা করেল েলখার সাইজ আে� আে� েছাট হেব।

        
উদাহরণ ে�া�াম

        
Tu

         www.tutohost.com
        This is an example of heading 1
        This is an example of heading 2
        This is an example of heading 3
        This is an example of heading 4
        This is an example of heading 5
        This is an example of heading 6


        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের

        
File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।

        
Page: 12 of 54

        
এইচিটএমএল ইবুক ১.০

        
TutoHost.com/bangla/html

        
৭. পয্ারা�া

        
k

        
পয্ারা�া টয্াগি সবর্ািধ গুরপূণর এবং অতয্ �েয়াজনীয় একিট টয্াগ পয্ারা�া টয্ােগ েভতেরই েট�টগুেল িবিভ�ভােব �কািশত হয়। এখােন পয্ারা�া টয্া স�েকর উদাহরণসহ িব�ািরত িববরণ েদওয়া হেব।

        
to H H o TM st E L 1. Bo 0 o

        
েয েকান ডকুেমন এক বা একািধক পয্ারা�ােফ মাধয্ে েলখা হয়। HTML এ পয্ারা�ফ ৈতিরর জ� 
         বা পয্রা�া টয্া বয্বহা করা হয়। েযমন 
        This is a paragraph.
        । �াউজােরর মাধয্ে �িতটা পয্ারা�া �দশর্ করা হেল �িতটা পয্ারা�ােফ পর একটা কের লাইন ে�ক ৈতির হয়। যিদ কখেনা পয্ারা�ােফ মেধয্ লাইন ে�েকর �েয়াজন হয় তাহেল লাইেনর েশেষ 
         টয্া বয্বহা করা হয়।

        
Tu

        
উদাহরণ ে�া�াম

         www.tutohost.com
        This is a paragraph.
         This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. 
         This is a paragraph.
         This is a paragraph.
         This is a paragraph.
         This is a paragraph.
         


        
Page: 13 of 54

        
এইচিটএমএল ইবুক ১.০

        
to H H o TM st E L 1. Bo 0 o

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।

        
k

        
TutoHost.com/bangla/html

        
৮. েট�ট ফরেমিটং

        
Tu

        
ওেয়বসাইেট আমরা েয েট�টগুেল েদিখ তা েছাট, বড়, েবা�, ইটািলকসহ িবিভ� ফরেমেট হেয় থােক। এখােন েট�ট ফরেমিটং করার িবিভ� প�িত স�েকর িব�ািরত আেলাচনা করা হেব ।

        
Microsoft Word এ Bold, Italic, Underline, strikethrough, Subscript, Superscript ইতয্াি েট�ট ফরেমিটং এর জ� বয্বহ হয়। HTML এর ে�ে�ও Microsoft Word এর মত েট�ট ফরেমিটং এর িবেশষ গুর রেয়েছ। একিট

        
ডকুেমন্ট সু�রভাে উপ�াপন করেত েট�ট ফরেমিটং িবষেয় উপযু� �ান থাকা দরকার। HTML এ েট�ট ফরেমিটং এর জ� , ,
        

        
, , , , , , , , , , , , 
         ইতয্িদ টয্া সমূহ বয্বহা করা হয়।
        

        
Page: 14 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
to H H o TM st E L 1. Bo 0 o
        

        
  www.tutohost.com  
        

        
k
        

        
উদাহরণ ে�া�াম
        

        

          (Bold) This is an example of bold. 
         (Italic) This is an example of Italic. 
          (Underline)  This is an example of Underline. 
         (Strike)  This is an example of Strike. 
         (CO2) This is an example of Subscript. 
         (E=MC2) This is an example of Superscript. 
         (Big text)This is an example of Big. 
         (Small text)This is an example of Small. 
         (Strong text)This is an example of Strong. 
         (Sample text) This is an example of Sample. 
         (Teletype)This is an example of Teletype. 
         ( U.N.O United Nations Organization.) This is an example of Abbreviation. 
         (x is a variable.)This is an example of Variable 
         (Computer code text.) This is an example of Code. 

        

        
Tu
        

        

         (Written by Ashim
         Address: www.tutohost.com
         E-mail:[email protected])
        

        

        This is an example of Address 
         
          
        

        
Page: 15 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
Tu
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
        

        
Page: 16 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
৯. ফন্ টয্া HTML এর মাধয্ে েকান ডকুেমন্ট সু�রভাে উপ�াপন করার জ�  বা ফন্ টয্া খুবই গুরু�পূ
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
ভূিমকা পালন কের। এখােন ফন্ টয্া বয্বহাের িব�ািরত প�িত আেলাচনা করা হেব।
        

        
HTML এর মাধয্ে েকান ডকুেমন্ট সু�রভাে উপ�াপন করার জ�  বা ফন্ টয্া খুবই গুরু�পূ ভূিমকা পালন কের। Bangladesh is a beautiful country. এখােন size="5" অংশিট হল font টয্ােগ একিট এি�িবউট, যা �কাশ করেছ ইিলেমন্ অথর্া Bangladesh is a beautiful country. েলখািটর সাইজ েকমন হেব। এছাড়া face="Tahoma" �কাশ করেছ েলখািটর font হেব Tahoma এবং color="red" �ারা �কাশ করেছ েলখািটর রং হেব লাল।
        

        
Tu
        

        
উদাহরণ ে�া�াম
        

        
   www.tutohost.com    This is a paragraph.  
          Bangladesh is a beautiful country.   
        

        
Page: 17 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
        

        
১০. �াইেলর বয্বহা
        

        
Tu
        

        
িসএসএস (Cascading Style Sheet files) মাধয্ে ওেয়বসাইটেক অেনক সু� কের েতালা যায়। এখােন HTML ইিলেমেন্ট সােথ �াইেলর বয্বহা �ণালী িনেয় িব�ািরত আেলাচনা করা হেব।
        

        
Style, HTML এর একিট নতুন এি�িবউটস, এর মাধয্ে HTML এর মেধয্ CSS বয্বহাের সুেযা সৃি� হয়। Style তথা CSS বয্বহাের মাধয্ে ওেয়ব েপেজর িবিভ� উপাদােনর িডজাইন ৈতির করা হয়। অ�া� এি�িবউটস েযমন align="center", align="left",
        

        
bgcolor="green", height="100px", width="50px, bgcolor="green" ইতয্ািদ মাধয্ে যিদও িডজাইন ৈতির করা যায়, তেব এে�ে� Style বয্হাের িবেশষ সুিবধ পাওয়া যায়।
        

        
Page: 18 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
to H H o TM st E L 1. Bo 0 o
        

        
   www.tutohost.com    This is a paragraph.  
          Bangladesh is a beautiful country.   
        

        
k
        

        
উদাহরণ ে�া�াম: অ�া� এি�িবউটস বয্বহা কের
        

        
Tu
        

        
উদাহরণ ে�া�াম: �াইল বয্বহা কের
        

        
   www.tutohost.com    This is a paragraph.  
          Bangladesh is a beautiful country.   
        

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের
        

        
File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।
        

        
Page: 19 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
১১. িলংক
        

        
k
        

        
একটা পাতার সােথ আেরকিট পাতার েযাগােযাগ �াপন করা হয় িলংেকর মাধয্ে । এখােন এইচিটএমএল এ িলংক �কাশ করার প�িত স�েকর িব�ািরত আেলাচনা করা হেব।
        

        
to H H o TM st E L 1. Bo 0 o
        

        
একটা ওেয়ব সাইটেক বয্বহা বা�ব কের েতালার ে�ে� িলংেকর বয্বহা খুবই গুরু�পূণ Link এর আিভধািনক অথর সংযু� করা। অথর্া একটা ওেয়ব েপেজর সােথ অ� একটা েপজেক যু� করাই হল িলংিকং। HTML এ িলংিকং করার জ�  টয্গ বা anchor টয্া বয্বহা করা হয়। েযমন 

        
tutohost.com/"> www. tutohost.com 
        

        
। অথর্া েয েপেজর সােথ িলংক ৈতির করেত হেব তার এে�স href="…………….. " এর মেধয েলখেত হেব, এবং িলংেক েয েলখািট �দশর্ করেব তা ………………….. এর মেধয েলখেত হেব।
        

        
উদাহরণ ে�া�াম
        

        
   www.tutohost.com    www. tutohost.com  
          [email protected]  
        

        
Tu
        

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।
        

        
Page: 20 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
১২. ছিব সংেযাজন
        

        
k
        

        
ওেয়ব সাইেট ছিব সংেযাজন, ছিবর মাধয্ে িলংক করা এবং িবিভ� সাইেজর ছিব �দশর্েণ প�িত আেলাচনা করা হেয়েছ।
        

        
to H H o TM st E L 1. Bo 0 o
        

        
একটা ওেয়ব েপেজর গুরু�পূ উপাদান সমূেহর একিট হে� ইেমজ । ওেয়বেপেজ ইেমেজর উপযু� বয্বহাের মাধয্ে েপজিট বয্বহারকারীেদ কােছ েযমন আকষর্ণী হেয় ওেঠ েতমিন বয্বহা বা�বও হয়। আকষর্নী েনিভেগশন বার, বাটন, বয্ানা, ইতয্ািদে ইেমেজর বয্বহা অপিরহাযর্ ওেয়ব েপেজ ইেমজ বা ছিব যু� করার জ� �েয়াজনীয় টয্াগি হে�  । এর েকান েশষ টয্া েনই। শুধুমা  িদেয় েকান কাজ হয় না, এর সােথ সবসময়ই src এি�িবউটিট বয্বহা করেত হয়। েযমন  , তাহেল pic.png ইেমজিট �দিশর্ হেব।
        

        
পূবর ��িত
        

        
েড�টেপ একটা webpage নােম folder িনেত হেব এর মেধয pic.png নােম save করা একটা ছিব রাখেত হেব।
        

        
Tu
        

        
উদাহরণ ে�া�াম
        

        
   www.tutohost.com   
         This is an example of image.
           
        

        
Page: 21 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
to H H o TM st E L 1. Bo 0 o
        

        
একটা Notepad Open কের উপেরর Code টুক িলেখ File েমন েথেক Save as এ ি�ক কের File name িহেসেব index.html বা home.html অথবা েযেকান নাম.html িদেয়, Save as type িহেসেব All files িসেল� কের এরপর Save বাটেন ি�ক করেত হেব। এরপর save করা index.html ফাইলিটেক webpage folder এর মেধয রাখেত হেব। এখন Mozilla Firefox িদেয় index.html open করেল পােশর ছিবর মত েদখােব।
        

        
k
        

        
TutoHost.com/bangla/html
        

        
অনলাইেন সাভর্াে েকান ইেমজ আপেলাড করা থাকেল উ� ইেমজ যু� করার জ� তার এে�স pic.png এর �ােন েলখেত হেব। েযমন
        

        

        

        
Tu
        

        
১৩. েটিবল সংেযাজন
        

        
ওেয়ব েপেজ তথয উপা� পিরসংখয্া উপ�াপন করার একিট অ�তম প�া হে� েটিবল বয্বহা করা। HTML এ table ৈতিরর িবিভ� িবষয় এখােন আেলাচনা করা হেয়েছ ।
        

        
িদেন িদেন ইন্টারেন আজ সবেচেয় বড় তথয ভান্ডাে পিরণত হেয়েছ। তথয উপা� পিরসংখয্া িচ� িভিডও ইতয্ািদ সংিম�েণ একটা ওেয়বেপেজ েকান িবষয়ব�েক যতটা আকষর্ণী এবং পিরপূণর্ভাে উপ�াপন করা যায়, অ�া� িমিডয়ায় তা স�ব হয় না। ওেয়ব েপেজ তথয উপা� পিরসংখয্া উপ�াপন করার একিট অ�তম প�া হে� েটিবল বয্বহা করা। েটিবল ৈতিরর জ� েটিবল টয্া 
         






     



 













            













         











         বয্বহা করা হয়। Page: 22 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
উদাহরণ ে�া�াম
        

        
Tu
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
   www.tutohost.com   
         
         SL Book Pen Box 
         
         01 100 200 400 
         
         02 300 600 300 
         
         03 500 800 200 
         
          
        

        
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File
        

        
name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।
        

        
Page: 23 of 54
        

        
এইচিটএমএল ইবুক ১.০
        

        
TutoHost.com/bangla/html
        

        
ে�া�াম আেলাচনা
        

        
to H H o TM st E L 1. Bo 0 o
        

        
k
        

        
 এখােন border="1" এর মাধয্ে েটিবেলর জ� িসে�ল বডর্া বয্বহা করা হেয়েছ , �েয়াজন অনুসাে 1 এর �ােন 2,3,4 ইতয্াি বয্বহা করা যােব। েটিবেলর �িতটা সাির ৈতিরর জ�  বয্বহা করা হয়, এবং �িতটা েসল ৈতিরর জ� বয্বহা করা হয়।  এর মাধয্ে েটিবল েহডার ৈতির করা হেয়েছ। এর মেধয্ Book েলখািট একটু েমাটা েদখােব।

        
েটিবেলর মেধয েকান েসল খািল রাখার জ�  এর মােঝ িকছু না েলখেলই হেব। শুধুমা  বয্বহা করেত হেব। সাইেটর েনিভেগশন বার ৈতিরর জ� েটিবল বয্বহা করা েযেত পাের, এে�ে� �িতটা েসেলর েলখার সােথ  অথবা 

        
Tu

        
১৪. এইচিটএমএল িল�

        
একিট ওেয়বেপেজ িল� বা তািলকােক সু�রভেব �কাশ করার জ� েয এইচিটএমএল েকাড বয্বহা করা হয়, তার সৃজনশীল প�িত িনেয় এখােন আেলাচনা করা হেয়েছ।

        
একটা ওেয়ব েপজেক সু� কের সাজােনা এবং তথয উপ�াপনার অ�তম প�িত িল� । HTML এর মাধয্ে দু ধরেণর িল� ৈতির করা যায়, একিট হে� অডর্া িল� এবং অপরিট হে� আনঅডর্া িল� । অডর্া িলে� িবিভ� তথয্ে পযর্ায়�িমকভাে সািজেয় উপ�াপন করা হয় এবং �িতটা লাইেনর শুরু �িমক সংখয্ থােক। অ�িদেক আন অডর্া িলে� �িতটা লাইেনর সামেন েছাট বৃ�াকার বা বগর্াকা িচ� থােক। HTML এর মাধয্ে আন অডর্র িল� ৈতির করার জ� 
           এবং অডর্া িল� ৈতির করার জ� 
             টয্া বয্বহা করা হয়।

            
Page: 24 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
উদাহরণ ে�া�াম

            
to H H o TM st E L 1. Bo 0 o

            
k

             www.tutohost.com
            Disc Type list
               
            • Home
              •  
            • About Us
              •  
            • Contact Us
              •  
            Circle Type list
               
            • HTML
              •  
            • CSS
              •  
            • PHP
              •  
            Square Type list
               
            • Pragaph
              •  
            • Table
              •  
            • List
              •  


            
Tu

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File

            
name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।

            
Page: 25 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
উদাহরণ ে�া�াম

            
to H H o TM st E L 1. Bo 0 o

            
k

             www.tutohost.com
            Alphabet Type list
               
            1. Home
              2.  
            2. About Us
              3.  
            3. Contact Us
              4.  
            Number Type list
               
            1. HTML
              2.  
            2. CSS
              3.  
            3. PHP
              4.  
            Roman Number Type list
               
            1. Pragaph
              2.  
            2. Table
              3.  
            3. List
              4.  


            
Tu



            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File

            
name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল পােশ �দিশর্ ছিবর মত েদখােব।

            
Page: 26 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
১৫. এইচিটএমএল ফমর

            
to H H o TM st E L 1. Bo 0 o

            
k

            
এইচিটএমএল ফমর তথয ইনপুট েনওয়াসহ নানা রকম কােজ বয্বহ হয়। িবেশষ কের ি�ি�ং ে�া�ািমং ভাষার সােথ এই ফেমর্ তথয্গুে সংযু� হেয় কাজ কের থােক।এখােন এইচিটএমএল এর মাধয্ে ফমর ৈতির , বয্বহা এবং বা�ব �েজ� স�েকর আেলাচনা করা হেব।

            
এইচিটএমএল ফমর একিট গুরু�পূ আেলাচয িবষয়। িবেশষ কের ডাইনািমক এবং ডাটােবজ িনভর্ ওেয়ব সাইেটর লগ ইন িসে�ম, েভািটং িসে�ম, কন্টা ফমর সহ ইউজার ইনফরেমশন সং�হ করার জ� এইচিটএমএল ফমর বয্বহ হেয় থােক। একিট এইচিটএমএল ফমর েবশ িকছু উপাদােনর সম�েয় গিঠত হয়। এগুেল হে� ,

            
১. েট�ট ব� ২. েট�ট এিরয়া ৩. েরিডও বাটন ৪. সাবিমট বাটন ৫. েচক ব� ৬. �পডাউন িল�

            
Tu

            
উদাহরণ ে�া�াম

             www.tutohost.com
              আপনার তথয িদেয় সাহাযয করুন
            

            
             < /br>< /br> 
              নাম:             

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
name="name">

              িপতার নাম:
            

            
Tu
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
                  

              িঠকানা:
            

            
                         
             
            

            
আপিন িক পুরু:
            

            
              
             
            

            
আপিন িক মিহলা:
            

            
              
              আপিন েয শহের থােকন:
            

            
             

              িশ�াগত েযাগয্ত:
            

            
             
               এস.এস.িস
            

            
             
             

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
name="checkbox">  এইস.এস.িস
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            


              

               


            
Tu

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।

            
Page: 29 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
১৬. HTML ে�ম HTML এর মাধয্ে েকান ওেয়ব েপজেক একািধক ভােগ িবভ� করার জ� আেগর িদেন ে�ম বয্বহা করা হত। িদেন িদেন ে�েমর বযবহার কেম এেসেছ। তেব html স�েকর �ান ভান্ডা সমৃ� করার জ� ে�ম স�েকর্ িকছুটা

            
to H H o TM st E L 1. Bo 0 o

            
k

            
ধারণা থাকা দরকার।

            
HTML এর মাধয্ে েকান ওেয়ব েপজেক একািধক ভােগ িবভ�

            
করার জ� আেগর িদেন ে�ম বয্বহা করা হত। িদেন িদেন ে�েমর বয্বহা কেম এেসেছ। বতর্মা সমেয় ে�েমর বয্বহা েনই বলেলই চেল, কারণ ে�ম বয্বহা কের ৈতিরকৃত স�ূণর েপজ একসােথ ি�ন্ করা েবশ ক�কর। এছাড়া এটা অেনেকর কােছই অপছে�র। এর পিরবেতর েকান েপজেক একািধক অংেশ িবভ� করেত এখন CSS বয্বহা করা হয়। তেব html স�েকর �ান ভান্ডা সমৃ� করার জ� ে�ম স�েকর্ িকছুটা ধারণা থাকা দরকার।

            
Tu

            
উদাহরণ ে�া�াম

             www.tutohost.com

            
Page: 30 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
to H H o TM st E L 1. Bo 0 o

            
k

            
েয েকান নােম একটা েফা�ার ৈতির কের তার মেথয style.html, link.html এবং textfor.html িতনিট html ফাইল রাখেত হেব এরপর একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।

            
Tu

            
ে�া�াম আেলাচনা

             এর মাধয্ে �থেম স�ূণর েপজটাের সাির বরাবর দুি অংেশ িবভ� করা হেয়েছ।

             এর মাধয্ে িনেচর সািরেক কলাম বরাবর দুি অংেশ িবভ� করা হেয়েছ।

             এর মাধয্ে �থম ে�েমর মেধয style.html

            
েপজিটেক �দশর্েন বয্ব� করা হেয়েছ।  এবং  এর মাধয্ে যথা�েম ২য় সািরর ১ম ও ২য় ে�েমর মেধয link.html এবং textfor.html েপজ দুিটে �দশর্েন বয্ব� করা হেয়েছ। Page: 31 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
to H H o TM st E L 1. Bo 0 o

            
একটা ওেয়ব েপেজর মেধয্ অপর এক বা একািধক ওেয়ব েপজ �দশর্ করার অ�তম উপায় হে� আই ে�ম। েকান িবষয় িব�ািরতভােব উপ�াপনার ে�ে� �াসি�ক িবষেয়র উপর িবিভ� ওেয়ব েপেজর িলংক �কাশ করা গুরু�পূ, পাশাপািশ উ� েপজিটেক সংি�� �ােনর মেধয �িলং কের �দশর্ করেত পারেল ম� হয় না।

            
k

            
১৭. আই ে�ম

            
উদাহরণ ে�া�াম

             www.tutohost.com
             
            This is an example of iframe.

              


            
Tu

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।

            
Page: 32 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
ে�া�াম আেলাচনা

            
to H H o TM st E L 1. Bo 0 o

            
k

            
আই ে�ম ৈতিরর জ�  টয্া বয্বহা করা হয়। width="350" height="170" এই দুি এি�িবউেটর মাধয্ে আই ে�ম এর আকৃিত েকমন হেব তার িনেদর্ �দান করা হয়। যিদ েকান �াউজার আই ে�ম সােপাটর না কের তাহেল 
            This rowser does not support iframes.
             এর জ� This rowser does not support iframes. েলখািট �দিশর্ হেব।

            
১৮. রং ও েকাড

            
ওেয়ব েপেজ রং এর বয্বহা খুবই গুরু�পূণ একটা ওেয়ব েপজ গিঠত হয় এক বা একািধক পয্ারা�া, িশেরানাম, েটিবল, বয্া�উন্, বডর্া ইতয্ািদ সম�েয়। এ সকল উপাদােনর �েতয্কিটেত েকান না েকান রং বয্বহা করেত হয়। রং ও েকাড বয্বহাের িব�ািরত প�িত স�েকর জানেত পারব।

            
ওেয়ব েপেজ রং এর বয্বহা খুবই গুরু�পূণ একটা ওেয়ব েপজ গিঠত হয় এক বা একািধক পয্ারা�া, িশেরানাম, েটিবল, বয্া�াউন, বডর্া ইতয্ািদ সম�েয়। এ সকল উপাদােনর �েতয্কিটেত েকান না েকান রং বয্বহা করেত হয়। েকান একিট েপেজর বয্া�াউন কালার িনিদর্ করার জ�  টয্ােগ মেধয body েলখার পর একটা ে�স িদেয় bgcolor=" " েলখেত হেব এর পর " " এর মেধয BLACK,

            
Tu

            
SILVER, GRAY, WHITE, MAROON, RED, PURPLE, FUSCHSIA, GREEN, LIME, OLIVE, YELLOW, NAVY, BLUE, TEAL এবং AQUA এই েষালিট রং এর েয েকান একিট েলখা হেল েপেজর বয্া�াউেন েসই েদখা যােব। েযেহতু case sensitive নয় তাই েছাট হােতর অ�ের েলখেলও েকান সম�া েনই, েযমন েলখা হেয়েছ,  । এছাড়া hexadecimal code বয্বহা কেরও বয্া�াউন কালার িনবর্াচ করা যায়। েযমন উপেরর েকাডিট িনেচর মত েলখা যায়  ।

            
color piker েথেক সহেজই িবিভ� কালােরর জ� hexadecimal code সং�হ করা যায়। এছাড়া িনেচর চাটর েথেকও কাজিট করা যােব। hexadecimal code এর শুরু একটা # িচ� িদেয় শু করেত

            
হয়।

            
Page: 33 of 54

            
TutoHost.com/bangla/html

            
Tu

            
to H H o TM st E L 1. Bo 0 o

            
k

            
এইচিটএমএল ইবুক ১.০

            
বয্া�াউন কালার েদওয়ার আরও একটা মজার প�িত আেছ। লাল, সবুজ আর নীল এই িতনিট রং হে� েমৗিলক রং, আর অ� সব রং এই িতনিট রং এর সংিম�েন ৈতির। যিদ coding কের এই িতনিট রংেক িমিশেয় নতুন রং ৈতির করা হয়, তাহেল ম� হয় না। এ কাজিট সুস� করেত সবুজ বয্া�াউেন্ জ� িনেচর মত কের েলখা েযেত পাের

             । Page: 34 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
to H H o TM st E L 1. Bo 0 o

            
উদাহরণ ে�া�াম

            
k

            
এখােন rgb অথর হল red green blue আর (0,255,0) এর অথর হল রংিটেত যথা�েম লাল, সবুজ, নীল রং এর পিরমান যথা�েম 0%, 100%, 0% কারন এখােন িবশু সবুজ রং েনয়া হেয়েছ। আর েয েকান রং এর মান 0-255 পযর্ হেত পাের। েযেহতু g বা green এর মান 255 তাই তা 100%। িতনিট রং এর মান 0-255 এর মেধয পিরবতর্ কের ই�া অনুযায় নতুন নতুন রং ৈতির করা যােব ।

             www.tutohost.com

             This is the body of your web site. 
             This is a paragraph.
             This is a paragraph. 
             This is a paragraph.
             This is a paragraph.
             


            
Tu

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।

            
Page: 35 of 54

            
এইচিটএমএল ইবুক ১.০

            
TutoHost.com/bangla/html

            
১৯. েল আউট

            
to H H o TM st E L 1. Bo 0 o

            
k

            
একটা ওেয়ব েপজ কতটা সু� হেব তা স�ূণর্রূ িনভর্ কের েপেজর েল আউেটর উপর। আেগ শধুমা� HTML বয্বহা কেরই সকল ওেয়ব সাইেটর েল আউট ৈতির করা হত। বতর্মাে HTML এর সােথ CSS বয্বহা করা হয়। শুধুমা HTML বয্বহা কের েল আউট ৈতির করার জ� 
            Book
 িলংক ৈতির কের িদেলই হেব েযমন Tutohost Tutohost











           










          


 














       














             























       
































   

    









             এর সাির ও কলাম বয্বহা করা হয়।

            
Tu

            
উদাহরণ ে�া�াম

             www.tutohost.com

            



    






             
              
             Web Page header
                         		 
            


              
            Side bar
             PHP 
             HTML 
             CSS Wordpress 
            		 
            This is heading.
             
            This is a paragraph.This is a paragraph. This is a paragraph.
             Page: 36 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
This is a paragraph.This is a paragraph. This is a paragraph.
             This is a paragraph.This is a paragraph.This is a paragraph.
             This is a paragraph.This is a paragraph.This is a paragraph.
            		 
            


              Copyright © 2012tutohost.com 
             
              
            

            
Tu
            

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
Page: 37 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
২০. িস এস এস
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
বতর্মা সমেয় ওেয়ব েপেজর কাঠােমা ৈতির করা হয় HTML িদেয়, িডজাইন ৈতির করা হয় CSS িদেয়, আর েট�ট জমা রাখা হয় ডাটােবেজ। তাই েকান েপজেক আকষর্ণী কের েতালার পাশাপািশ বয্বহা বা�ব কের েতালার জ� CSS এর ভূিমকা খুবই গুরু�পূণ এখান েথেক আমরা HTML এর সােথ CSS যু� করার প�িত স�েকর িব�ািরত জানেত পারব।
            

            
বতর্মা সমেয় ওেয়ব েপেজর কাঠােমা ৈতির করা হয় HTML িদেয়, িডজাইন ৈতির করা হয় CSS িদেয়, আর েট�ট জমা রাখা হয় ডাটােবেজ। তাই েকান েপজেক আকষর্ণী কের েতালার পাশাপািশ বয্বহা বা�ব কের েতালার জ� CSS এর ভূিমকা খুবই গুরু�পূণ HTML �ারা ৈতির েপেজ িতন প�িতেত CSS যু� করা যায়। ১. এ�টানর্া �াইল িসট (External Style Sheet ) ২. ইনটানর্া �াইল িসট (Internal Style Sheet) ৩. ইনলাইন �াইল িসট (Inline Style Sheet)
            

            
এ�টানর্া �াইল িসট
            

            
এ প�িতেত HTML ফাইল এবং CSS �াইল িসট দুি আলাদা িসেট রাখা হয়। এবং িনে�া� প�িতেত HTML এর টয্ােগ মেধয িলংক ৈতির কের েদয়া হয়।
            

            
  
            

            
ইনটানর্া �াইল িসট
            

            
Tu
            

            
এ প�িতেত HTML এবং CSS �াইল একই িসেট  টয্ােগ মেধয রাখা হয়। এজ� িনে�া� প�িতেত  টয্া বয্বহা করা হয়।
            

            
   Page: 38 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
ইনলাইন �াইল িসট
            

            
k
            

            
এ প�িতেত HTML এর �িতিট টয্ােগ মেধযই CSS �াইল যু� করা হয় । এজ� িনে�া� প�িতেত style এি�িবউটস বয্বহা করা হয়।
            

            
to H H o TM st E L 1. Bo 0 o
            

            


            

            
Tu
            

            
উদাহরণ ে�া�াম
            

            
   www.tutohost.com
            

            
   
            

            
This is a paragraph. 
             
             Bangladesh is a beautiful country. 
             
             This is a paragraph. This is a paragraph.
             This is a paragraph. This is a paragraph.
             This is a paragraph. This is a paragraph.
             This is a paragraph. This is a paragraph.
             This is a paragraph. This is a paragraph.
             
              
            

            
Page: 39 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
২১. েহড ইিলেমন্
            

            
Tu
            

            
েহড টয্া বা  এবং েহড ইিলেমন্ েযেকান HTML েপেজর একিট গুরু�পূ অংশ। এর মাধয্ে �াউজাের েপজ স�িকর্ েবশ িকছু তথয �দশর্ করার পাশাপািশ সাচর ইিন্জ অপিটমাইেজশন এর মত গুরু�পূ কাজও স�� হয়।এখান েথেক আমরা েহড টয্া বা  এবং েহড ইিলেমন্ স�েকর িব�ািরত জানেত পারব।
            

            
েহড টয্া বা  এবং েহড ইিলেমন্ েযেকান HTML েপেজর একিট গুরু�পূ অংশ। কারণ …. এর মেধয অথর্া েহড ইিলেমন্ িহেসেব  <link> <meta> <style> <script> এ সকল গুরু�পূ টয্া সমূহ রাখা হয়। এগুেলা মাধয্ে �াউজাের েপজ স�িকর্ েবশ িকছু তথয �দশর্ করার পাশাপািশ সাচর ইিন্জ অপিটমাইেজশন এর মত গুরু�পূ কাজও স�� হয়।<br />
<br />
Page: 40 of 54<br />
<br />
 এইচিটএমএল ইবুক ১.০<br />
<br />
TutoHost.com/bangla/html<br />
<br />
টাইেটল<br />
<br />
to H H o TM st E L 1. Bo 0 o<br />
<br />
<title>আমােদর HTML িটউেটািরয়াল সমূহ
            

            
k
            

            
�াউজােরর টাইেটল বাের েপেজর টাইেটল �দশর্েন জ�   টয্া বয্বহা করা হয়।
            

            
উপেরর েকাড এর মাধয্ে �াউজােরর টাইেটল বাের “আমােদর HTML িটউেটািরয়াল সমূহ” েলখািট েদখা যােব।
            

            
িলংক
            

            
CSS �াইল িসট এর সােথ িলংক করার জ�   বয্বহা করা হয়।
            

            

            

            
েমটা ইিলেমন্
            

            
েমটা সাচর ইিন্জ অপিটমাইেজশেনর জ� গুরু�পূ কাজ কের থােক। িবষয়িট পববতর্ েলখায় িব�ািরত আেলাচনা করা হেব।
            

            
�াইল
            

            
ইনটানর্া �াইল িসট বয্বহাের জ�  টয্া বয্বহা করা হয়। েযমন
            

            
Tu
            

            
  
            

            
Page: 41 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
ি��
            

            
k
            

            
জাভাি��, েজ েকােয়রী ইতয্াি ি�� যু� করার জ�  টয্া বয্বহা করা হয়। েযমন
            

            
to H H o TM st E L 1. Bo 0 o
            

            
 
            

            
উদাহরণ ে�া�াম
            

            
িনেচর িলংক েথেক েসাসর ফাইল ডাউনেলাড কের Extract কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।এবং �াউজােরর টাইেটল বাের “আমােদর HTML িটউেটািরয়াল সমূহ” েলখািট েদখা যােব।
            

            
Tu
            

            
েসাসর ফাইল ডাউনেলাড
            

            
Page: 42 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
২১. েমটা
            

            
k
            

            
েয েকান ওেয়ব সাইেটর জ�ই সাচর্ ইিন্জন অপিটমাইেজশন একিট গুরু� িবষয়। ওেয়ব েপেজ েমটা টয্াগ বয্বহার কের এ গুরু�পূণর্ কাজিট কর এখান েথেক আমরা েমটা টয্াগ স�েকর্ িব�ািরত জানে পারব।
            

            
to H H o TM st E L 1. Bo 0 o
            

            
একিট ওেয়ব সাইট তখনই জনি�য় হয় যখন তা মানুেষ �েয়াজেন আেস এবং েয েকউ �েয়াজেনর সময় সহেজই সাচর ইিন্জেন মাধয্ে সাচর কের সাইটিটেক খুেজঁ পায়। একিট ওেয়ব েপজ েযন সহেজই সাচর ইিন্জ খুেজ পায় এ জ� ওেয়ব ে�া�ামারেদর েয কাজিট করেত হয়, তােক বলা হয় সাচর ইিন্জ অপিটমাইেজশন। েয েকান ওেয়ব সাইেটর জ�ই সাচর ইিন্জ অপিটমাইেজশন একিট গুরু�পূ িবষয়। ওেয়ব েপেজ েমটা টয্া বয্বহা কের এ গুরু�পূ কাজিট করা হয়।
            

            
http://www.tutohost.com/bangla/html/2.php েপজিটর েমটা টয্াে েলখা আেছ….
            

            
 
            

            
Google আমােদর সকেলর পিরিচত জনি�য় একিট সাচর ইিন্জন যিদ http://www.tutohost.com/bangla/html/2.php িট Google সাচর ইিন্জ বয্বহা কের সাচর করা
            

            
Tu
            

            
হয় তাহেল িনেচর ছিবর মত আসেব।
            

            
Page: 43 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
k
            

            
�থেম েপেজর টাইেটল, তারপর িলংক এবং এর পর আেছ "এইচিটএমএল এ ে�া�াম েলখার সাধারন প�িত এবং �াথিমক একিট ে�ােজ� ও সাধারন টয্াগগুে িনেয় আেলাচনা করা হেব।"
            

            
to H H o TM st E L 1. Bo 0 o
            

            
যা  এর মেধয েলখা আেছ।
            

            
 এর মেধয েলখা আেছ "এইচিটএমএল ে�া�াম েলখা, html bangla tutorial" এেক িক ওয়াডর বলা হয়।
            

            
আমরা যখন েকান বাকয িলেখ সাচর ইিন্জে সাচর কির তখন সাচর ইিন্জ বাকয্িটে েভে� একািধক িক ওয়াডর এ িবভ� কের সাচর কের। তাই িক ওয়াডর হে� সাচর ইিন্জে েকান ওেয়ব েপজ খুেজ পাওয়ার অ�তম প�িত। এজ� HTML এর মাধয্ে েকান েপজ ৈতিরর সময়
            

            

            

            
এর মেধয
            

            
স�াবয িক ওয়াডর গুেল যু� কের েদয়া হয়।
            

            

            

            
Tu
            

            
েলখেকর নামেক সাচর ইিন্জে সাবিমট করার জ�  বয্বহা করা হয়।
            

            
ওেয়ব েপজ অেটা িরে�স করার জ�ও েমটা টয্া বয্বহা করা হয়।
            

            

            

            
উপেরর েকাডিট বয্বহা করেল �িত ১৫ েসেকন্ অ�র অ�র http://www.tutohost.com েপজিট একবার কের িরে�স হেব।
            

            
Page: 44 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
২৩. ি��
            

            
to H H o TM st E L 1. Bo 0 o
            

            
এ ি�� যু� করার প�িত স�েকর জানেত পারব।
            

            
k
            

            
HTML েকান ে�া�ািমং লয্া�ুেয় নয়। তাই ওেয়ব েপেজও ে�া�ািমং এর সুিবধ যু� করার জ� িবিভ� ধরেনর ি�ি�ং লয্া�ুেয় বয্বহা করা হয়, েযমন জাভাি��, েজ েকােয়রী ইতয্ািদ।জাভাি�, েজ েকােয়রী ইতয্াি ি�� যু� করার জ� HTML এ  টয্া বয্বহা করা হয়।এখান েথেক আমরা HTML
            

            
HTML েকান ে�া�ািমং লয্া�ুেয় নয়। তাই ওেয়ব েপেজও
            

            
ে�া�ািমং এর সুিবধ যু� করার জ� িবিভ� ধরেনর ি�ি�ং লয্া�ুেয় বয্হার করা হয়, েযমন জাভাি��, েজ েকােয়রী ইতয্ািদ এর মাধয্ে ওেয়ব েপেজ েলাকাল টাইম �দশর্, সময় িদন তািরখ �দশর্, �াউজার িচি�ত করা, সময় এবং ইেভন্ এর উপর িভি� কের বয্বহারকারীে েকান িবেশষ বাতর্ �দশর্ করা সহ িবিভ� ধরেণর আকষর্ণী এবং গু�পূণর কাজ করা স�ব হয়।
            

            
জাভাি��, েজ েকােয়রী ইতয্াি ি�� যু� করার জ� HTML এ  টয্া বয্বহা করা হয়। েযমন
            

            
 
            

            
Tu
            

            
উদাহরণ ে�া�াম
            

            
   www.tutohost.com
            

            
     
            

            
Page: 45 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozila Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
যিদ Click Me বাটনিটেত ি�ক করা হয় তাহেল একিট এলাটর বে� Welcome to www.tutohost.com েলখািট েদখা যােব।
            

            
২৪. অিডও সংেযাজন
            

            
েকান িবষয়েক উপ�াপনার ে�ে�, েট�ট এবং ছিবর পাশাপািশ অিডও-িভিডও বয্বহা করেল িবষয়িট আেরা �াণব� হেয় উেঠ। এখান েথেক আমরা HTML অিডও ফাইল যু� এবং িনয়�ণ করার প�িত স�েকর িব�ািরত জানেত পারব।
            

            
Tu
            

            
েকান িবষয়েক উপ�াপনার ে�ে�, েট�ট এবং ছিবর পাশাপািশ অিডও-িভিডও বয্বহা করেল িবষয়িট আেরা �াণব� হেয় উেঠ। ওেয়ব িমিডয়ার মাধয্ে এ কাজিট যতটা ভােলাভােব করা যায় আর অ� েকােনা িমিডয়ায় মাধয্ে তা স�ব নয়। HTML �ারা ৈতির েপেজ  টয্া বয্বহা কের সহেজই অিডও ফাইল যু� করা যায় এবং িনয়�ণ করা যায়।
            

            
পূবর ��িত Page: 46 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
েড�টেপ একটা audio নােম folder িনেত হেব এর মেধয audio.mp3 নােম save করা একটা অিডও ফাইল রাখেত হেব।
            

            
k
            

            
অনুশীল �েজ�
            

            
to H H o TM st E L 1. Bo 0 o
            

            
   www.tutohost.com   
             
               
            Click play button and enjoy music.
             
             
              
            

            
েড�টেপ ৈতির করা audio folder এর মেধয একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
�েজ� িবে�ষণ
            

            
Tu
            

            
অিডও যু� করার জ�  টয্া বয্বহা করা হয়।
            

            
 
            

            
src="audio.mp3" এখােন src="…………." এর মেধয অিডও ফাইেলর িলংক যু� করা হয়।
            

            
Page: 47 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
height="35" width="300" এর মাধয্ে �াউজাের �দিশর্ অিডও ে�য়ােরর আকৃিত িনধর্ার করা হয়।
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
controller="true" এর মাধয্ে ওেয়ব েপেজ অিডও ে�য়ার �দশর্ করা হেব িকনা তার িনেদর্ �দান করা হয়। যিদ controller="……….." এর মেধয true েলখা হয় তাহেল অিডও ে�য়ার �দিশর্ হেব আর false েলখা হেল অিডও ে�য়ার �দিশর্ হেব না।
            

            
loop="false" এর মাধয্ে audio ফাইলিট িক একবার ে� হেব না লুপ আকাের বারবার ে� হেব তার িনেদর্ �দান করা হয়। েযেহতু false েলখা আেছ; সুতরা একবার ে� হেব।
            

            
autostart="false" এর মাধয্ে audio ফাইলিট অেটাে� অথর্া ওেয়ব েপজ েলাড হওয়ার সােথ সােথই ে� হেব, না অিডও ে�য়ােরর ে� বাটেন ি�ক করার পর ে� হেব তার িনেদর্ �দান করা হয়। েযেহতু false েলখা আেছ; সুতরা অেটাে� হেব না, অিডও ে�য়ােরর ে� বাটেন ি�ক করার পর ে� হেব।
            

            
িনেদর্শন:
            

            
যিদ ওেয়ব েপেজ অিডও ে�য়ার �দিশর্ না হয় তাহেল QuickTime Player ই�টল কের িনন অথবা �াউজােরর িনেদর্শন অনুযায় �েয়াজনীয় �াগ ইনস ই�টল কের িনন।
            

            
২৫. িভিডও সংেযাজন
            

            
সংঘিটত বা�ব ঘটনােক পিরপূণ্ভাে র উপ�াপনার ে�ে� িভিডও সবেচেয় উপেযাগী মাধয্ম।এখা েথেক আমরা HTML এ িভিডও ফাইল যু� এবং িনয়�ণ করার প�িত স�েকর িব�ািরত জানেত পারব।
            

            
Tu
            

            
সংঘিটত বা�ব ঘটনােক পিরপূণর্ভাে উপ�াপনার ে�ে� িভিডও সবেচেয় উপেযাগী মাধয্ম ৈদনি�ন সংবাদ �কাশক ওেয়ব সাইটগুেল তােদর ৈদনি�ন ঘটনাগুেলাে েট�ট এবং ইেমজ বয্বহাের মাধয্ে �কােশর পাশাপািশ িভিডও �কােশর মাধয্ে আেরা েবিশ জনি�য়তা অজর্েন সুেযা পাে�, এবং বয্বহারকারীর এ সকল ঘটনার বা�ব িচ� েদখা, এবং জানার পাশাপািশ �েয়াজেন সং�হ কের রাখেত পারেছন। বতর্মাে িভিডও শুধ মানুেষ িবেনাদন এবং বা�ব ঘটনা �কােশর মাধয্ম নয়, এিট িশ�ার অ�তম বাহেন পিরণত হেয়েছ।
            

            
অসংখয িশ�ামূলক ওেয়ব সাইট িবিভ� িবষেয়র উপর �িতিদন নতুন নতুন েট�ট িভি�ক িটউেটািরয়ােলর পাশাপািশ িভিডও িটউেটািরয়াল �কাশ করেছ। যা মানুষে পৃিথবীর েয েকান �া� েথেক শুধুমা েশখা এবং জানার সেযাগই সৃি� করেছ না, �� িবিনময় এবং আেলাচনার মু�
            

            
Page: 48 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
�াটফমর ৈতিরর মাধয্ে পিরপূণর িশ�া িব�ােরও ভুিমকা রাখেছ। HTML�ারা ৈতির েপেজ  টয্া বয্বহা কের সহেজই িভিডও যু� করা যায় এবং িনয়�ণ করা যায়।
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
পূবর ��িত
            

            
েড�টেপ একটা video নােম folder িনেত হেব এর মেধয video.wmv নােম save করা একটা িভিডও ফাইল রাখেত হেব।
            

            
অনুশীল �েজ�
            

            
Tu
            

            
   www.tutohost.com   
             
               
            Click the play button and enjoy video.
             
             
              
            

            
েড�টেপ ৈতির করা video folder এর মেধয একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
�েজ� িবে�ষণ Page: 49 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
িভিডও যু� করার জ�  টয্া বয্বহা করা হয়।
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
 
            

            
src="video.wmv" এখােন src="…………." এর মেধয িভিডও ফাইেলর িলংক যু� করা হয়।
            

            
height="344" width="300" এর মাধয্ে �াউজাের �দিশর্ িভিডও ে�য়ােরর আকৃিত িনধর্ার করা হয়।
            

            
controller="true" এর মাধয্ে ওেয়ব েপেজ িভিডও ে�য়ার �দশর্ করা হেব িকনা তার িনেদর্ �দান করা হয়। যিদ controller="……….." এর মেধয true েলখা হয় তাহেল িভিডও ে�য়ার �দিশর্ হেব আর false েলখা হেল িভিডও ে�য়ার �দিশর্ হেব না।
            

            
loop="false" এর মাধয্ে িভিডও ফাইলিট িক একবার ে� হেব না লুপ আকাের বারবার ে� হেব তার িনেদর্ �দান করা হয়। েযেহতু false েলখা আেছ; সুতরা একবার ে� হেব।
            

            
Tu
            

            
autostart="false" এর মাধয্ে িভিডও ফাইলিট অেটাে� অথর্া ওেয়ব েপজ েলাড হওয়ার সােথ সােথই ে� হেব, না িভিডও ে�য়ােরর ে� বাটেন ি�ক করার পর ে� হেব তার িনেদর্ �দান করা হয়। েযেহতু false েলখা আেছ; সুতরা অেটাে� হেব না, িভিডও ে�য়ােরর ে� বাটেন ি�ক করার পর ে� হেব।
            

            
িনেদর্শন: যিদ ওেয়ব েপেজ অিডও ে�য়ার �দিশর্ না হয় তাহেল �াউজােরর িনেদর্শন অনুযায় �েয়াজনীয় �াগ ইনস ই�টল কের িনন।
            

            
২৬. �াস সংেযাজন Page: 50 of 54
            

            
এইচিটএমএল ইবুক ১.০
            

            
TutoHost.com/bangla/html
            

            
�াস এিনেমশন ওেয়ব সাইেটর একিট অ�তম আকষর্ণী উপাদান। আকষর্ণী েনিভেগশন বার, বয্ানা, বাটন ইতয্ািদে �ােসর এিনেমশন যু� কের েযমন ওেয়ব সাইেটর ইন্টারেফসে আকষর্ণী কের েতালা যায়, পাশাপািশ সাইটিটও বয্বহা বা�ব হেয় উেঠ। এখান েথেক আমরা HTML এ �ােস ৈতির এিনেমশন অথর্া SWF ফাইল যু� করার প�িত স�েকর িব�ািরত জানেত পারব।
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
�াস এিনেমশন ওেয়ব সাইেটর একিট অ�তম আকষর্ণী উপাদান। আকষর্ণী েনিভেগশন বার, বয্ানা, বাটন ইতয্ািদে �ােসর এিনেমশন যু� কের েযমন ওেয়ব সাইেটর ইন্টারেফসে আকষর্ণী কের েতালা যায়, পাশাপািশ সাইটিটও বয্বহা বা�ব হেয় উেঠ। HTML�ারা ৈতির েপেজ  টয্া বয্বহা কের অিডও এবং িভিডও এর মত সহেজই �ােস ৈতির এিনেমশন অথর্া SWF ফাইল যু� করা যায় ।
            

            
পূবর ��িত
            

            
েড�টেপ একটা flash নােম folder িনেত হেব এর মেধয flash.swf নােম save করা একটা িভিডও ফাইল রাখেত হেব।
            

            
Tu
            

            
অনুশীল �েজ�
            

            
   www.tutohost.com   
               
              
            

            
েড�টেপ ৈতির করা flash folder এর মেধয একটা েনাটপয্া open কের উপেরর code টুক িলেখ file েমন েথেক Save as এ ি�ক কের File name: index.html , Save as type : All files, িদেয় save কের index.html ফাইলিট Mozilla Firefox িদেয় open করেল িনেচ �দিশর্ ছিবর মত েদখােব।
            

            
Page: 51 of 54
            

            
TutoHost.com/bangla/html
            

            
to H H o TM st E L 1. Bo 0 o
            

            
k
            

            
এইচিটএমএল ইবুক ১.০
            

            
�েজ� িবে�ষণ
            

            
�াস যু� করার জ�  টয্া বয্বহা করা হয়।
            

            
 
            

            
src="flash.swf" এখােন src="…………." এর মেধয �াস ফাইেলর িলংক যু� করা হয়।
            

            
width="250" height="240" এর মাধয্ে �াউজাের �দিশর্ �াস এিনেমশেনর আকৃিত িনধর্ার
            

            
করা হয়।
            

            
িনেদর্শন:
            

            
Tu
            

            
িনেদর্শন: যিদ ওেয়ব েপেজ �াস এিনেমশন �দিশর্ না হয় তাহেল flash player অথবা �াউজােরর িনেদর্শন অনুযায় �েয়াজনীয় �াগ ইনস ই�টল কের িনন।
            

            
Like Us on FaceBook
            

            
FaceBook.com/TutoHost
            

            
All Right Reserved By TutoHost.com
            

            
Page: 52 of 54
            

            

            

            

            

            

            

            


            

            

            

            

            Basic HTML Book.pdf
            

            

            

            

            
Page 3 of 52. Basic HTML Book.pdf. Basic HTML Book.pdf. Open. Extract. Open with. Sign In. Main menu. Displaying Basic HTML Book.pdf. Page 1 of 52. 
            

            

            

            

            
 Download PDF 

            


            

            

            

            
 2MB Sizes
 0 Downloads
 214 Views

            

            

            

            

            
 Report

            

            

            

            

            

            

            


            

            

            

            

            

            Recommend Documents
            

            

            

            

            




            

            

ajax1.html 1/2 ajax1.html 2/2 - CS50 CDN 

            

            3: ajax1.html. 4: 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: Computer Science 50. 8: David J. Malan. 9: 10: -->. 11: 12: 
            

            

            

            

            

            

            

            




            

            

HTML Headings 

            

            This is heading 4. •. This is heading ... Comments are ignored by the browser and are not displayed. ... "View Source" in Internet Explorer, or.
            

            

            

            

            

            

            

            




            

            

HTML-opoly.pdf 

            

            Create your interpretation of the HTMLopoly gameboard using only HTML. That means craft a. table of cells to hold individual pictures and text that will ...
            

            

            

            

            

            

            

            




            

            

Introduction to HTML 

            

            HTML tags are used to mark-up HTML elements. ○ HTML tags are surrounded by the two characters < and >. ○ The surrounding characters are called angle ...
            

            

            

            

            

            

            

            




            

            

map1.html 1/1 

            

            map1.html. 1/1 lectures/8/src/. 1: . 11:.
            

            

            

            

            

            

            

            




            

            

map1.html 1/1 

            

            map1.html. 1/1 lectures/8/src/. 1: . 11:.
            

            

            

            

            

            

            

            




            

            

map1.html 1/1 

            

            map1.html. 1/1 lectures/8/src/. 1: . 11:.
            

            

            

            

            

            

            

            




            

            

Introduction to HTML 

            

            HTML tags are used to mark-up HTML elements. ○ HTML tags are surrounded by the two characters < and >. ○ The surrounding characters are called angle ...
            

            

            

            

            

            

            

            




            

            

HTML khmer.pdf 

            

            Page 1 of 106. រមក. សពៃថេនះ. រេ. ប . សក់ ុំពូ. ទ័រ គឺមេធយ!៉ងស$ន ំ ់មួយ ក&. ុ. ង. រេ'ះ. (យប)* និងជួយសរំលដល ួ. រ ់. /រ.Missing:
            

            

            

            

            

            

            

            




            

            

HTML khmer.pdf 

            

            99. Page 3 of 106. HTML khmer.pdf. HTML khmer.pdf. Open. Extract. Open with. Sign In. Main menu. Displaying HTML khmer.pdf. Page 1 of 106.
            

            

            

            

            

            

            

            




            

            

HTML Que.pdf 

            

            SGML (Standard generalized markup language) is a standard which tells how ... Hypertext Application Technology Working Group (WHATWG). ... HTML Que.pdf.
            

            

            

            

            

            

            

            




            

            

html pdf embed 

            

            There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. html pdf embed.
            

            

            

            

            

            

            

            




            

            

HTML 4.01 Specification 

            

            Dec 18, 1997 - translations of this document, see http://www.w3.org/MarkUp/html4-updates/translations. 2. 24 Dec 1999 18:26. HTML 4.01 Specification ...
            

            

            

            

            

            

            

            




            

            

lecture1/html/cs164/css/index.html 

            

            Video. 16. . 17. 18. 19.
            

            

            

            

            

            

            

            




            

            

HTML sitedu0.pdf 

            

            Page 1 of 249. Apprenez à créer. votre site web avec. HTML5 et CSS3. Par Mathieu Nebra (M@teo21). Ce PDF vous est offert par. www.supinternet.fr.
            

            

            

            

            

            

            

            




            

            

html template premium.pdf 

            

            Whoops! There was a problem loading this page. Whoops! There was a problem loading this page. html template premium.pdf. html template premium.pdf. Open.
            

            

            

            

            

            

            

            




            

            

lecture1/html/cs164/css/index.html 

            

            lecture1/html/cs164/css/index.html. . 10. 11. . 12. 13. . 14. . 15. . 16. . 17.
            

            

            

            

            

            

            

            




            

            

GSaudiaArabia HTML 5 

            

            New tags and Javascript: content editable, semantic tags. (article, section, etc.), history API, drag and drop from page to desktop, file access, local SQL database, web sockets, Canvas. OpenGL, ARIA attributes, ... New CSS: transformations, advanced
            

            

            

            

            

            

            

            




            

            

lecture1/html/cs164/css/index.html 

            

            Syllabus. 24. ...... lecture1/html/mvc/8/application/views/homepage/lecture.php.
            

            

            

            

            

            

            

            




            

            

Curso-HTML-+-CSS.pdf 

            

            Whoops! There was a problem loading more pages. Retrying... Whoops! There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. Curso-HTML-+-CSS.pdf. Curso-HTML-+-CSS.p
            

            

            

            

            

            

            

            




            

            

HTML e CSS.pdf 

            

            ... si devono usare questi tag per. modificare i caratteri ma per dare maggiore o minore importanza a un titolo. Page 3 of 21. HTML e CSS.pdf. HTML e CSS.pdf.
            

            

            

            

            

            

            

            




            

            

Basic BASIC Programming 

            

            Get JustBASIC or QBASIC. • find directions on Readings site. • put a shortcut on your desktop. • make a folder for programming on your desktop, too; keep your ...
            

            

            

            

            

            

            

            




            

            

taco html edit.pdf 

            

            Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. taco html edit.pdf. taco html edit.pdf. Open. Extract. Open with.