tips bangla | tutorial tips tricks - 3.fontpage · 2014-05-11 · *˘ ˘) html & ) :h ˘) 7˝ o...

50
1

Upload: others

Post on 10-May-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

1

Page 2: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

2

Page 3: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

3

���������������� ���������������� �� �� �� ��---- ��� ��� ��� ��� �� ����� ��� ���������� ���������� �� ����� ��� ���������� ���������� �� ����� ��� ���������� ���������� �� ����� ��� ���������� ����������(����� ���� ���� ���� ���) � ���! ��"��#$��� � ���! ��"��#$��� � ���! ��"��#$��� � ���! ��"��#$���,,,,&�'��&�'��&�'��&�'��।।।।

Page 4: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

4

���) ��� ���� ��-����� *+ �, -� �����।

-���� ��- ���

Page 5: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

5

-��./ �0�- ���) ��� ���1�. ��)�����) ���23 ��),4-,�)��)������,�� 5 ���� ��./ ��*6 7�289� ����।���)�9 ��� HTML �� :���*�!� �� ����;��� ��� 5��� ��*��� 5 ��2��<� =���9 ��5 ��./ ���� ���� ��>? ���@���� �@'� ����.।�)� ���� :0� ��1� �� 9�� �1��� ��./ 2/�A�) 7�B� 0���9 <���,��� ��� >�� CD� #E�'�9 �#1���। ���) =��� �<��� �F�$��� <�����,�9��9 ��� 2/�A�) ���� ��� *����9 <����, <��9�! �G��� ��H���� �@'� ���।

����� I'�$� ���) �����F��$ �������� 5 ��� 7<��� ��0 ����� ��� J��� 9�� �� ���� 7�� ��1��� �K��9 .�L� <���9�� �� ���E9 ��� J��� ��। -���� ��- ���

Page 6: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

6

► �H��M ����@��। ► F@��� HTML ��? ►HTML �� ���* ���-? ►J� J� :���*� O��? ►HTML J�0' ����? ► HTML �$�� � P$��@��। ►�J �Q;��� 2��2��� *���9 O��। ► HTML R� ���। ►�O� � ����। ►��� � ����। ►S��)� �$�O��। ►����� 7>� F�O (HTML Entities)। ►����*� �$�O��। ► HTML ���� ��5 ��./ �0�। ► HTML �� �V )$�-। ► HTML5 �� )$�- F�O। ► HTML5 @�)� �!)। ► HTML ��1�� ��)। ►S! ������ 5 �O��W� ��)।

Page 7: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

7

HTML O� 5��� ��*����� �F��2�X J� �#�� 5��� �<* Y9�� ��� O�। �<�� J�# ��*� #> 5��� ��*����� �� ��2�<�� O�9 @�� 9�� �<���� 7�B� HTML =��� 2�� H��M� 0���9 O��। �1� :Z O�9 <��� HTML .�L�� �9� Microsoft Frontpage, Adobe Dreamweaver, Webpage Maker,Wordpress, Joomla �$�O�� ��� CD� CD� 5��� �<* Y9�� ��� J��,9�O�� ��� ����� �' ��� HTML ��1�?�0� 9$ 9�� ���19 )5�$��;���� ��./ �����)��� ��. J� �<���� ���*� �9 ��� ��W���* ���9 �#�� ��, 91� �<��� #���� O�� HTML Coding.9�.�L� �@� ���� 7<�)����*���� *+ HTML

1/�� ;�[<FM�।�9!�9 5��� ��*��� ��� ��2�<���) ���#� 2����5 �9����� 9� 7�23। HTML ��\� ���� ���� ��, �����9 �� ?�O 7K�!�� ����� 2��2��� ��[ ��� ]�।HTML ���� ����@��� <F��� ��^��� �9;��� ���� ���� ��>?2��� ����@�� ��� O��

5��� ��*��� ��� ��2�<���) ���5��� ��*��� ��� ��2�<���) ���5��� ��*��� ��� ��2�<���) ���5��� ��*��� ��� ��2�<���) ��� ��-� ����., �9!�9 5��� ��*��� ��� ��2�<���) ���#� 2����5 �9����� 9� 7�23। 5��� ��*��� ���9 �/_�� 5��� ���)� Outlook 70��, ���`� �< Y9�� ���। �� *+ #���� O�� HTML, CSS, Photoshop, Flash। 5��� ��2�<���) ���9 �/_�� 5��� �:�a���� �� �O��J$ 5��� ��b����� Y9�� ���। �� *+ �<���� *���9 O�� Php, Java Script, Xml, Database, Framework।

5��� �2��� ��5��� �2��� ��5��� �2��� ��5��� �2��� ��???? 5����� J��9!� ���)�);��� �J ��c���! 5 ����� �W���* C��H� =3 ��=�)��� ��1� O� 70��, �J1��� 5��� ��)�� �O�W ��� O� 9��� 5��� �2��� ��� O�। 5��� �2��� RH/ ��*���� ��)�� ��>� ��� ��, ��*���� �K��H� �2�X�9 ��)� :� ��� :���*�!� html,css,php ��� ��*���� ���)

Page 8: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

8

�:�M ���। ���0�� 5��� �2��� O� ��)�����) 90$ �aO 5 ��>��� ���) ��c���! ��H$�। ������ ��� �������� ��� �������� ��� �������� ��� ��???? �<��� 5��� ��)�� �J ���� ��� ���"� ��K� *���� 70��, �<��� 5��� ���)� ���� O� ������ ���। InterNIC O� ������ :#�����! �d*���9� �e�।

5��� �O��W� ��5��� �O��W� ��5��� �O��W� ��5��� �O��W� ��???? 5��� �2���� 5��� ��)�� ��1�� *+ �J <����� *��-� ���f �#5�� O� 9��� 5��� �O��W� ���। ���0�� 5��� �O��W� O� 7����� �W���* �J1��� �<�� �<��� 5��� ��)�� )���� ������� �<���� ���9 <�����।

�$�����0 ���$�����0 ���$�����0 ���$�����0 ��???? ��*�� J1� ���� ���) :��� ��� 91� g ���)� ���)�);��� (Text,Image,Animation,Audio,Video �9$��#) ��*���� ��=�)��� �������� O�। �2��� �J <����� ���)�) �������� O� 9� O� g ���)� �$�����0।

�<)��� ���<)��� ���<)��� ���<)��� ��???? ���� 5��� ��) :�9 ��� 7������ �J <����� �� @��/ 0��� 9� O� g 5��� ���)� �<)���।

�:�)�� ���:�)�� ���:�)�� ���:�)�� ��???? �:�)�� O� 90$ �#�� :#���� *+ ��=�)���� ��*6 2���।���23 �:�)���� ��* ���23 ���। ���) ��=�)�� ��� ��0 ����H� �:�)�� �$��O�� ���9 <���,9�� �9� ���) ��� �:�)�� 0���9 O��।

���<���<���<���<(��)����) �:�)����)����) �:�)����)����) �:�)����)����) �:�)��)��h ����h ����h ����h ��???? ���23 5��� ��)�� �@�i9 ���� *+ ����. ���) �\���� J� �j� k��� -�\9।�J��� ;-��� ���< ��h O� lm.�oo.pqr.psm ��� �pl.�or.tu.rr।�� �j��) v��*��� ���15 �<�� ;-�� �J�9 <����। ���0�� ������ ����� ��<�> ���) ���< ��h 0���।

Page 9: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

9

F@��� HTML �!?

HTML(Hyper Text Markup Language).�)� ���� Programming Language

��(Programming Language O�9 O�� logic 0���9 O��)। HTML O� Markup

Language J� �9;��� Markup Tag(Tag �� ��)/ <�� *���) -�� ��' J� 5��� �<* �M��� ���9 �$�O�� ��� O�। Markup Tag �� �O��J$ ���) 5��� �<�*� ���23 7���� ���23 2��� Markup 70�, �@�i9 ��� O� ।�J���<b>This Text is Bold</b>;�1��� <b></b> )$- �$�O�� ��� This Text

is Bold ��1��)�� Bold ��� J��। Markup Tag �� HTML Tag 5 ��� O�। �J ���� 5��� �<* �� 7�)</) O� HTML Code. v��*��� ��)� 5��� �<* 5�<� ��� view>page source �w� ���� <html>……..</html> )$�-� ���_ ��./ ���� �#1�9 <5�� J�� J� O� HTML Code.

HTML �! ���* ���-� �� �0��,5��� �<* Y9�� ��� ,�<�*� ���23 Content �� C��+V ���, Design ��� ��� �<�*� Outlook �#5�� O� HTML �$�O�� ���। HTML �� �F� �>$ ���) HTML Document(5��� �<*) Y9�� ��� J� ���23 Platform(Browser)-� ��* ���। HTML �� H�� O� 5��� �<* ������M� �2�X2F��।5��� ���2��<� O�9 O�� 7�B� HTML 2�� 2��� *���9 O��।

J� J� :���*� O��� HTML ��1�� *+ ���#� ���� Editor Software �$�O�� �� ����5 O��, �<��� ��=�)��� Notepad ���� �J Text Editor ��. � 1���� Code ��1�9 <�����। ���� HTML Code �� Run ������� *+ �J���� ���) v��*�� O��� O��। �J��� Internet Explorer, Mozilla Firefox, Google Chrome �9$��#।

5��� ��*����� *+ HTML-� �! J�0'?

Page 10: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

10

��, 5��� ��*����� *+ HTML-� J�0' ��। HTML �$�O�� ��� �<�� RH/��z 5��� �<�*� ����) 5 ���)�) Y9�� ���9 <�����। ��<� CSS(Cascading Style Sheets) �$�O�� ��� 5��� �<�* ���23 W��� �$�O�� ���9 <�����। ��)� �O� 5 ��>��� *+ *���9 O�� XML(eXtensible

Markup Language)। ��<� Java Script �$�O�� ��� ��b����� Y9�� ���� �<�*�) �������� O5�� R� ����। ��<� 5��� Programming �O ��� PHP

��� �J ���� ���) ��)��� �J��� Mysql ��1�� �<��� �<�*�) </�</�� �������� O��। ��*� #> 5��� ��*����� O�9 O�� �<���� �<��� ����;��� {��K ��� 2��2��� *���9 O��।

HTML ������ �����: HTML Document(���� ���) ������ !"�# $%& '���। ��# head #��, $-�# body #��, । � 01 2� <head>�<body> #��, �5�� �% �&6 2� </head> � </body> #��, �5��। �89 HTML ���:��<html>…..</html> #���, 8��= �>�? 2��। @AB C8� ��# HTML- ������ ����� �5�>E <html> <head> >��B C��B CSS,Java Script Style Sheet ����2� ��? ����B। <title> >��B ���� ���� �&��B�8/Title ����2� ��? ����B। </title> </head> <body> ��# ���� ���� N��?O� Content �8P2 (Text,Image,Table,Form,Audio,Video "?���5) " #���, 8�W� �@>�? 2��। </body> </html> HTMLHTMLHTMLHTML 01 �� C�, �N &XY�@� Z�@Z��� ��B� 5��E 01 �� C�, �N &XY�@� Z�@Z��� ��B� 5��E 01 �� C�, �N &XY�@� Z�@Z��� ��B� 5��E 01 �� C�, �N &XY�@� Z�@Z��� ��B� 5��E

Page 11: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

11

[. �@�8\#(Element) ^.#��,(Tag) _. �`��a#(Attribute) b.HTML Document ��6� Y�@� �B�c C�@�B� �� 2@E [. �@�8\# �@�8\# �@�8\# �@�8\#(Element):(Element):(Element):(Element): HTML Element d��" HTML Document �efB� �� 2�। ��# HTML Document - ��# �8g�@� Element '���।N'�E html, head, title, body। h�i� C� $�B� Element ���h। � 01 2� Opening Tag(<html>) �5�� � �&6 2� Closing Tag (</html>) �5�� �% 8��= Element Content '���।�N8BE <p>Element Content</p> HTML Element- l��&m��P82E

• Start Tag/Opening Tag �5�� 01 2�। • End Tag/Closing Tag �5�� �&6 2�। • Start � End #���, 8��= Element Content '���। • ��hA �n�o Element Content B�� '���? ���। • Empty Element start #���, 8��= �&6 �� 2�। • ��hA Element- End Tag B�� '���? ���।

^̂̂̂....#��,#��,#��,#��,(Tag):(Tag):(Tag):(Tag): #� HTML- p�e N� 8�W��8 HTML Code �@>� 2�। HTML Markup Tag-�� Html Tag �@� 2�।p�?�# #��, 01 2� ��8 �r@ s���# �5�� , � �#� Keyword �% �&6 2� :�B �r@ s���# �5��।�N8BE <html>,<p>,<head> etc. p�?#� #��, C@�5� C@�5� $'f �2B �� �% � Case Sensitive B� , ?�� Small Letter- �@>� Z�@। #��, �@>� ��# Y1v�Pef �B�8 2@ �N #��, �5�� 01 2� ��" #��, �5��" �&6 ��? 2�� 0WA �&6 Keyword C�, �#� w�� (/) �5�? 2��।C���# �'� �N #��,�# ��� p'8

Page 12: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

12

01 2�� ��#� ��� �&�6 �&6 2��। �B� a5�2e �'�� ��6��# Z�@Z��� �A=� N���E <html> <head> Some Tag Here </head> <body> Some Content Here </body> </html> ��hA #��, ���h N��5 �&6 #��, ����2� B� ��@� 2�, Y�@� optional tag.�N8BE ���B paragraph �@>�? �&6 #��, </p> ����2� B� ��@� 2�� #� optional tag. ____.... �`��a# �`��a# �`��a# �`��a#(Attribute):(Attribute):(Attribute):(Attribute): ��# ���� ���� ���Zx text, image '���? ��� �% �5 $�y�B , style ���Zx WB� 2�? ���। �?Y�@� �B�5m word ����2� �� ���B Element-�� �����B� 2�@ z word Y�@��� z Element Attribute �@� 2�। ��'�� ���B Element l��&m� �BWf�e��O Word Y�@�" 2@ z Element Attribute। p�?#� Element �B�5m �%>�� Attribute '���? ��� C�� B�� '���? ���। p�?#� Attribute � �� ���W� value ���h। a5�2eE <p align=”center”>Here a paragraph</p> >��B align attribute ����2� �� 2���h N� value 2@ “center” ,N� }�@ paragraph �# ���� ���� 8�=>��B �5>� N���। bbbb....HTML Document:HTML Document:HTML Document:HTML Document: HTML Element d�� 8P@? ��# HTML Document ,�~?।$- Z��� �@� N��, HTML Code �5�� l?� File 2@ HTML Document। HTML Document pW�B !�# $%& 2@ head � body section। HTML Document }�"@�#�� $��" something.html/.htm Extension �5�� save ��? 2��।

Page 13: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

13

HTML R� ���� R� ���� R� ���� R� ���� ���) Notepad Open ��� ���@� code ;��� )��< ��� ��� index.html ��� �#�� � 2 ���। <html> <head> <title>My first web page </title> </head> <body> <h1>My First Heading</h1> <h2>My First Heading</h2> <h3>My First Heading</h3> <h4>My First Heading</h4> <h5>My First Heading</h5> <h6>My First Heading</h6> <p> My first paragraph</p> </body> </html> ���� index.html ����)�� �J ���� Browser �#�� open ���� ���@� �9 �� � �#1� J����

Figure:1.1

Page 14: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

14

���� ���|������� ���|������� ���|������� ���|��� ���� �1��� <head> 5 <body> ���� ��) � ���� �#1�9 <��} ,<��9�!�9 :�9)� � ���� �� ���� ���� ��V���9 ��@�� ���, 9�� ��- ���) �0� ��� ���1 5��� �<�*� ���������� *+ <title > )$�- �$��O�� ��� O�।�1��� <title> My first web page </title> �$�O���� �� v��*���� )���)� ���� My first web page ��1��) �#1� J��}। ��<� Body Section

(<body>….</body>)-� h1,h2,h3,h4,h5,h6 �� .��) )$�- k��� �������� �$��O�� ��� O���.। �F�9 ���� ��)������ �������� �$��O�� ��� O� <h1>,<h2,………..<h6> �� .��) )$�- k���। <p>……</p> )$�- k��� 5��� �<�* <$���a� ��1� O�। �1� ���� head 5 body section ���� ��V���9 ��@�� ���, 9�� ��- ���) �0� ��� ���1 �V HTML Code-�� <html>…………..</html> )$��-� ��H$ ��1�9 O��।

HEAD SECTION: ���� �� � ����� J� ��./ ���� ����@�� ��� 9� 7�B� <head>…</head>

�� )$��-� ��H$ ��1�9 O��। <head>……….</head> )$�- �#�� head � ���� -�\9। head section � �&���) =���9 90$ 0���। �� � ����� J� ��./ ��1� O� 9� 5��� �<�* �#1� J�� ��। �J��� �&����)� ������ [<title>.... </title> )$�-] Document Description, Keywords, Designer/Developer name �9$��#। �O� � ����� ���~� )$�- ;��� 0���� �.Title Tag

1.Meta Tag

-.Link Tag

�.Base Tag

�.Style Tag

@.Script Tag

..Isindex Tag

Page 15: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

15

����.Title Tag: Head Element �� :0� )$�- O�} title tag J� <title>……</title> )$�- �#�� -�\9। �� )$��-� ���_ J� ��./ ��1� O� 9� Browser �� )���)� ���� �#1� J��। �F�9 5��� �<* Content �� ���) ��>? )���)� �� �� )$��-� ���_ ��1� O�। �J��� ��� J�# 5��� ��*����� ���23 Element ���� ���) 5��� �<* �����9 @�� 9� O�� )���)� ���@� �9 O�� 2�� O��- <title> web design-html-css-java script tutorial </title> �@� ���� J��9 �<��� 5��� �<*�� O�* ������� ���9 <��� � *+ J0�J0 title �� ;�X 7<�� !� । ���) Valid HTML Document Y9�� ���9 7�B� title )$�- �$��O�� ���9 O��।

1111.Meta Tag: Title )$��-� <�� �$��O�� ��� O� <meta> )$�-। �� )$�- �$��O�� ��� O� �&���) =���9 90$ �3��� ���� *+। �@� ���� ������� �� *+ � )$��-� ;�X 7<�� !�। �� ���� ��� )$�- ���। <meta> )$��-� �H��� �< O�� <meta name=”metaName” content=”metaContent”> name 5 http-equiv ���� ��) attribute �� ��0 content ���� �����) attribute �$��O�� ��� O� g �� attribute �� ��� ��H���M ���� *+।

����.Name Attribute-�� �$��O����� �$��O����� �$��O����� �$��O��� i.<meta name=”Developer” content=”Abdullah Al -Faruk”> �1��� name 5 content attribute �$��O�� ��� developer 5 9�� ��� �#5�� O���.। ii.<meta name=”keywords” content=”html,java,css,php,joomla”> �1��� �<�*� keywords ;���� ��� �#5�� O���.। iii.<meta name=”Description” content=”This tutorial about web design & developing” > 5��� �<�*� ��>? �M��� �#5�� O���.। iv.<meta name=”robots” content=”noindex/nofollow/all/index”>

Page 16: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

16

robots keyword �$��O���� �� �<��� 5��� �<*�� �@� ���� ����� ���9 <���� ��।

1111.HTTP-EQUIV Attribute - �� �$��O����� �$��O����� �$��O����� �$��O��� ���� ���#' �� <�� 5��� �<*�� update ���9 <meta> )$��-� �� attribute

�$��O�� ��� O�। <meta http-equiv=”expires” content=”sat,30 dec,2011,12.00AM,GMT”> �� �� 30 dec-�� <�� v��*�� �2��� �0�� �&����)� ���) K9/� ��< �aO ����। REFRESH ATTRIBUTE: ���� �&���)�� ���#' �� 7d� </������ ���� *+ refresh �$��O�� ��� O�। <meta name=”refresh” content=”3,http://www.ice school.com”> 7+ 2��� ��1� J���- <meta http-equiv=” refresh” content=”3,http://www.ice school.com”>

Body Section: ���� *��� ���) HTML �&����)� :�H�� ��) 7�� O�-Head Section 5 Body Section। Head section ���� <F��� ����@�� ��� O���.,�1� ���� Body

Section ���� ��V���9 ����@�� ���। 9�� ��- ���) �0� ��� ���1 ���� �� � ����� J� ��./ ���� ����@�� ��� 9� 7�B� <body>…</body> �� )$��-� ��H$ ��1�9 O��। <body>……</body> )$�- �#�� Body Section -�\9। Body Section �� ��) )$�-� (<body> 5 </body>) Optional 70��, ��#� �$��O�� �� ����5 O��। ���) 5��� �<�*� J��9!� ���)�) (Image, Text, Table, Form, Frame, Paragraph, Heading Etc.) �� � ����� ��1�9 O��। <body> )$��-� ��0 ���23 Attribute �$��O�� ��� 5��� �<*�� ����M!� ��� �9��� J��। <body> )$��-� ��0 ���) .��) Attribute �$��O�� ��� J��। J0�� �.bgcolor �.link

1.background �.vlink

-.text @.alink

Page 17: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

17

����.bgcolor �� �$��O��� �� �$��O��� �� �$��O��� �� �$��O��� �� Attribute �$�O�� ��� 5��� �<�*� �$��a����� ����� <����9� ��� J��। �J��� <body bgcolor=”RED”> ,�� �� �$��a������ �� ��� O��। [��� I� bgcolor ���� “HTML � ���� �$�O�� 7���” ��V���9 ����@�� ��� O���.] 1111.background �� �$��O��� �� �$��O��� �� �$��O��� �� �$��O��� �� Attribute �$�O�� ��� 5��� �<�*� �$��a����� Image �$�O�� ��� O�।�J���<body background=”web.png” >। �J � ����� HTML Document �� Save ��� O���. � � � ����� 7�B� �$���9 ���*�) 0���9 O��। ----.text �� �$��O��� �� �$��O��� �� �$��O��� �� �$��O��� �� Attribute �$�O�� ��� 5��� �<�*� Text �� �� ��H���M ��� O�। �J��� <body text=”GREEN”> ,�� �� Text �� �� �/* �#1���।

� � � �.link �� �$��O��� �� �$��O��� �� �$��O��� �� �$��O��� �� Attribute �$�O�� ��� 5��� �<�*� J��9!� O��<���)�) ����� �� ��H���M ��� O�।�J���<body link=”BLUE”> ,�� ��

Link �� �� �!� �#1���।

����.vlink �� �$��O����� �$��O����� �$��O����� �$��O��� �J ;��� O��<���)�) ��� Already Visit ��� O���. 9��#� �� ��H���M ��� O� �� Attribute �$�O�� ���। O�।�J���<body

vlink=”RED”> ,�� �� Visited Link �� �� ��� �#1���।

@@@@.alink �� �$��O��� �� �$��O��� �� �$��O��� �� �$��O��� �9����� �J ����� �<� �� �� e�<� ��� O���. 9�� �� ��H���M ��� O� �� Attribute �$��O�� ���।�J��� <body alink=”GREEN”> �� �� Link �� �� �/* �#1���। Body Section � ���23 )$�- �$��O�� ��� 5��� �<�*�� CD� ��� �*���� O�।���~ ���23 )$��-� ��V���9 �M��� �#5�� O�� pppp।।।।Heading Tag: (<h1>….</h1>)

Page 18: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

18

Heading 70��, ��������, ���� ������ �� <���a�� � �������� �$�O�� ���9 �� )$�- �$�O�� ��� O�। <h1>,<h2>,<h3>,<h4>,<h5>,<h6> �� .��) )$�- �$�O�� ��� �������� �#5�� O�।��#� {� O�� h1>h2>h3>h4>h5>h6> 70��, h1 �$�O�� ���� �L ������ �) �#1� J��� 9��<� {��+�� �.�) �#1� J���। Heading )$��-� �� � �#1�9 Figure1.1 �#1/�। �H��M9 �������� 5��� �<�*� ��� <�� ���� 0���। Align Attribute �$�O�� ��� �� 7�e�� <���9�� ��� J��।�J��� <h1 align=”left”>Left Alignment</h1> <h2 align=”right”>Right Alignment</h2> <h3 align=”center”>Center Alignment</h3> <h4 align=”justify”>Justify Alignment</h4>

Marquee )$��-� �$��O���)$��-� �$��O���)$��-� �$��O���)$��-� �$��O��� <marquee> )$�- �$�O�� ��� Heading �� Scroll (�� �#� 0��� ���� �#�) ����� J��।�J��� <h6><marquee>Technology For All</marquee></h6> marquee )$��- �$��9 Attribute ;��� O�- behavior=”scroll” direction=”left”[��� �0�� ����]

direction=”right”[��� �0�� ����] scroll amount=”2”[ Scroll �1$�] �#�O�M� <h4><marquee behavior=”scroll” direction=”right” scroll amount=”2”>HTML Is The Basic Of Web Design</marquee></h4>

����।।।।Paragraph Tag:<p>5555</p>)$�-� )$�-� )$�-� )$�-� <$���a� Y9�!� *+ <p>......</p> )$�- �$�O�� ��� O�।�� ��� )$�- Optional।<$���a�� � 7�e�� �\� ���� *+ align attribute �$�O�� ��� O�। �J��� <p align=”center”>Here a Paragraph</p> align=”left”[ �� � �O ��� left align 0��� �)� �$�O�� �� ����5 O��]

Page 19: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

19

align=”right”[5��� �<�*� ��� ���*�� ����� ����;��� 7�e�� ����] align=”center”[ 7�e�� ����,������ ��� 5 ��� :�d ��� O�� ��] align=”justify”[ <$���a�� � ������ ��� 5 ��� �2� :�d ��� O��] <$���a� �� J0�J02��� Customize ���� *+ ��5 ��./ )$�- �$�O�� ��� O� �J;��� ���~ ����@�� ��� O��

*<br> )$�-�)$�-�)$�-�)$�-� ���) <$���a� ���� �����) <$���a� ��1�9 K9/� ��� <$���a� )$�- �$�O�� �� ��� <br> )$�- �$�O�� ��� J��। �� )$�-�� ���� �v� )$�- ��� O�, ���M �� )$�- �� ���� ���� e�� ���1 K9/� ���� Y9�� ���। �#�O���

<p> You can use a web page editor like Microsoft FrontPage, Adobe Dreamweaver or similar to create web pages. Webpage editor software works like Microsoft Word™ (a complicated editor program used for creating and editing pages of books, letters etc.)</p>

<p> Second option is to learn html codes and write html pages in a simple text editor. As mention eerier, your codes will be seen as WebPages when viewed in a web browser.<p>

�� <����9� ���@� �9 ��1� 2���

<p> You can use a web page editor like Microsoft FrontPage, Adobe Dreamweaver or similar to create web pages. Webpage editor software works like Microsoft Word™ (a complicated editor program used for creating and editing pages of books, letters etc.)<br> Second option is to learn html codes and write html pages in a simple text editor. As mention eerier, your codes will be seen as WebPages when viewed in a web browser.

�� �v��� �� �� �v��� �� �� �v��� �� �� �v��� �� (&nbsp) �� �� �� �� �$��O��$��O��$��O��$��O��� �� �� �� HTML � ����H� �� ,�$���* ��)�� (Enter Key), )$�� <����9�9 O�� RH/ ���) �� E�' ���।9�� ���� �)��)� ���_ 7�9��c �� E�' ���9 O�� &nbsp �$�O�� ���9 O��। J9;� &nbsp �$�O�� ��� O��,99;��� �� E�' O��।�J���

Page 20: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

20

<p> Java script is an&nbsp&nbsp&nbsp interpreted object oriented promramming.</p>।�1��� �9��) �� Y9�� O��।

�O����) �� �O����) �� �O����) �� �O����) �� <pre>…….</pre> )$��-� )$��-� )$��-� )$��-� �$��O��$��O��$��O��$��O��������� ���� J�# &nbsp �$�O�� ���9 �� @�� 9�� <pre> )$�- �$�O�� ���9 <���।�� )$��-� ���_ �� ,�$���* ��)�� (Enter Key), )$�� <����9�9 O� �� 70��, J9;� �� �$�O�� ��� O� 99;��� �� Y9�� O�। �J��� <p>Hyper Text Markup Language</p> Output: Hyper Text Markup Language

��2��*��� )���)����2��*��� )���)����2��*��� )���)����2��*��� )���)�� ���� ����� ���) ��V���9 <$���a� ��1�� g ������ ���) �������� �#5�� �J�9 <��� ���2��� �J, g <$���a�� � �<� �� �� ��1�� ���������) ���) ��9���� ���� �#1� J���, J� �#�1 ��*�� O�* �/_�9 <��� <$���a� �� ������ �!। � *+ �$�O�� ��� O� title attribute। �#�O��� <p title=”HTML A Markup Language”> HTML is an acronym for HyperText Markup Language. HTML documents, the foundation of all content appearing on the World Wide Web (WWW) , consist of two essential parts: information content and a set of instructions that tells a computer how to display that content. The computer application.That translates this description is called a Web browser. </p> Output:

Page 21: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

21

<acronym> )$��-� �$��O��� )$��-� �$��O��� )$��-� �$��O��� )$��-� �$��O��� 5��� �<�*� ���) ����� ��Q� �<� �� �� ��1�� g �Q =��� ���) 90$ ��9���� ���� �#1� J��।<acronym> )$�- �$��O�� ��� �� ��*�) ��� O�।�J���

<p><acronym title=” HTML A Markup Language”>HTML</acronym> is the basic markup language for web page.It is created by Tim Berners Lee.It is controlled by < acronym title=”World Wide Web Connection”>W3C</ acronym ></p> Output:

Page 22: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

22

�K2F��� ��1� Y9����K2F��� ��1� Y9����K2F��� ��1� Y9����K2F��� ��1� Y9���<hr> )$�-�)$�-�)$�-�)$�-� 5����<�* �K2F��� ��1� Y9�� ���� *+ <hr> )$�- �$��O�� ��� O�। �� ���� ��� )$�- ���। ���~� Attribute ;��� �$��O�� ��� �� ��)�/� <���9�� ��� J��� *align:��1�� 7�e�� <���9�� ���9� align=”center”[�� � 2$��/] align=”left” align=”right” *color: ��1�� ����� ��H���M ���9। *noshade: ��� �����,B���� .�L�। *size:��1�� ��9� ��M�� ���9। �� ��� �<���� O�। *width: ��1�� : V9� ��M�� ���9। �� ��� �9���� O�। �#�O��� <hr align=”center” size=”10” width=”50%” color=”RED”> ��./ )$�- �$��O�� ��� �)��)� W��� <���9�� ��� J��। �J��� ****�)���� �#1��9��)���� �#1��9��)���� �#1��9��)���� �#1��9� i.<I>Some Text Here</I>

Page 23: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

23

ii.<address>Some Text Here</address> iii.<cite>Some Text Here</cite>

* ���� �#1��9����� �#1��9����� �#1��9����� �#1��9� i.<B> Some Text Here</B> ii.<EM>Emphasized Text</EM> iii.<strong> Some Text Here</strong>

*��������� �#1��9���������� �#1��9���������� �#1��9���������� �#1��9� <U> Some Text Here</U>

* ���������������� + �)�����)�����)�����)���� + ��������� ��������� ��������� ��������� �#1��9��#1��9��#1��9��#1��9� <B><I><U> Some Text Here</B></I></U>

*7+�+�7+�+�7+�+�7+�+� 1.<blockquote> ..</blockquote> [ ��E�9 :��� ���� *+ ] 2.<Q>…..</Q> [ ������� ��E�9 :��� ���� *+ ] 3.<dfn>Definition</dfn>[���� ��� ����� �#��� *+] 4.<samp>Sample Computer Code Text</samp> 5.<kbd>keyboard</kbd> 6.<var>Variable</var> 7.<code>…….</code>[ Programming code �/_����� *+ ] 8.<sample>Program �� Sample Output</sample>

9.<strike>��_ ����� #�-</strike>

10.<big>Text Font �L �#1�� *+</big>

11.<small> Text Font �.�) �#1�� *+

12.<TT>)��<���)���� �9 �#1�9 < < < <////TT>>>> 13.<blinking>Text ��� ��2� ���� *+��� ��2� ���� *+��� ��2� ���� *+��� ��2� ���� *+</blinking> 14.<sub>:H<sub>2</sub>O[Output:HO] 15.<sup>a<sup>2</sup>+b<sub>2</sub>[Output(a+b)]

S��)� �$��O���S��)� �$��O���S��)� �$��O���S��)� �$��O���<font>….</font> )$�-� )$�-� )$�-� )$�-� S�) ��|' ��* ���� *+ <font>…</font> )$�- �$��O�� ��� O�। �� ��0 color, face ��� size Attribute �$��O�� ��� �) W��� <���9�� ��� J��।

Page 24: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

24

i.Color �������)� �$��O����������)� �$��O����������)� �$��O����������)� �$��O��� ��)� ����� ��H���M ��� O� �� �������)� �O��J$। �J��� <font color=”PINK”>Some Text Here</font>

ii.Face �������)� �$��O����������)� �$��O����������)� �$��O����������)� �$��O��� ��)� ��)�/� ����� ��H���M ��� O� �� �������)� �O��J$। 9�� ��� ��)� ��� ��1 ���9 O�� �J� 9� � ��=�)��� 0���। �J��� <font face=”Arial”> Some Text Here</font>।

iii.Size �������)� �$��������)� �$��������)� �$��������)� �$��O����O����O����O��� ��)� ���� :��� ��� O� <���) �O ���। �� � �O ��� �� ��� 0��� p� <���)। �� ��0 + ��� - �@i O p �0�� u <J�d �1$� �$��O�� ��� ��)� ���� <���9�� ��� J��। :�9 ��z� �J��- �) ��* �� <���) ��� <����9�9 O�।�#�O��� <font size=+1>Web development</font>[ �� ��� pm <���) ] <font size=-2>Web development</font> [ �� ��� q <���) ]

����� 7>� F�O ����� 7>� F�O ����� 7>� F�O ����� 7>� F�O (HTML Entities):

��./ 7>� ����. �J;��� �� �� HTML ������ �H$ ��1� J�� ��।�J��� (&,””,< 5>)।���� ��./ 7>� ����. �J;��� �!����� �#�� ���1 J�� ��। �J���(∞,µ,α,Ủ,µ �9$��#)।� � �>�z ��./ ���� �$�O�� ��� O� J��#��� ��� O� Entity Code।:�9)� 7>��� *+ ��) Entity Code ����. - �1$�-9 5 �Q-9।�J��� µ �� Entity Code O�- �1$�-9 �Q-9 &#956 ; &mu; ��./ Entity Code ���~ �#5�� O�� 7>� �1$�-9 ��� �Q-9 ��� “ &#34; #quot; < &#60; &lt; > &#62; &gt; & &#38; &amp; ® &#174; &reg; © &#169; &copy; µ &#956; &mu; ♥ &#9829; &hearts;

Page 25: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

25

♠ &#9824; &spades; ♣ &#9827; &clubs; ♦ &#9830; &diams;

��5 ��./ ��5 ��./ ��5 ��./ ��5 ��./ Entity Code ���~ �#5�� O�� ���~ �#5�� O�� ���~ �#5�� O�� ���~ �#5�� O��

Page 26: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

26

5��� �<�*5��� �<�*5��� �<�*5��� �<�* Image �� �$�O����� �$�O����� �$�O����� �$�O��� <img>)$�-�)$�-�)$�-�)$�-�---- 5��� �<*�� CD� ��� �*��9 ���* �$�O�� ��� O�। <img> )$�- �$�O�� ��� 5��� �<�* ���* �J/c ���9 O�।�� ���� ��� )$�- ���, 9�� �� ��0 src ������) �$�O�� ��� Image Location *����� �#�9 O�। �#�O�M� <img src=”image/web.jpg”> ���I� �1��� �/_���� O�} �J Image Folder � web.jpg ���� ���) Image

����.। �����) �0� �J � ����� HTML ����) � 2 ��� ��. � 1����

Page 27: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

27

���*�) ��1�9 O��।�2��� ���* �$�O�� �� ��� �� �� ���� 5��� ���)� ���* -$����� 0��� ���* �������� *����� �#5�� �J�9 <���। �J��� <img src=”http://www.google.com/image/html/html.jpg”> <img> )$��- ��5 ��./ ������) �$�O�� ��� O� �J;��� ���@ ����@�� ��� O�। ����....width5555 height �������)� �$�O����������)� �$�O����������)� �$�O����������)� �$�O��� 5��� �<�* ���) ���* �� <����� *��-� ���� :#���9 O�� 9� ���#�� ��� O� <img> )$��-� width 5 height ������) �� ��H$��। ��#� ��� :��� ��� O� �<����।�$�O�����H� <img src=”image/web.jpg “width=”300” height=”200”>

1111.Align �������)� �$�O��� �������)� �$�O��� �������)� �$�O��� �������)� �$�O��� ����*� 7�e�� ���#' ���9 align Attribute �$��O�� ��� O�। �J��� <img src=”html.jpg” align=”left”> �)��)� ���_ ���* �$��O�� ���9 O�� align Attribute �� ���~�c 2$��/ ;��� �$��O�� ��� O�� *align=”top”[ �)��)� 7�e�� ����*� �<� �#�� ] *align=”middle”[ �)��)� 7�e�� ����*� ��_ ����� ] *align=”bottom”[ �)��)� 7�e�� ����*� ���@� �#�� ] ......................................................................................................... *align=”center”[����*� 7�e�� 5��� �<�*� ���� ] *align=”left” [ ����*� 7�e�� 5��� �<�*� ��� �#�� ] *align=”right” [ ����*� 7�e�� 5��� �<�*� ��� �#�� ] ----.Border �������)� �$�O����������)� �$�O����������)� �$�O����������)� �$�O��� ���* ����� Y9�� ���9 �� ������) �$��O�� ��� O�। ������� �� �� � �O� �� ����� 0��� � �� <���9�� ��� J�� ��। �� ��� H�� O� �<����। �$�O�����H� <img src=”faruk.png” border=”4”>

Page 28: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

28

����.hspace 5 5 5 5 vspace �������)� �$�O��� �������)� �$�O��� �������)� �$�O��� �������)� �$�O��� <$���a�� � ���_ ���* 0���� �)�) �0�� ����*� �K2F��� #F�[ ���#�� ��� O� hspace ��� ��j #F�[ ���#�� ��� O� vspace ������) �$��O�� ���।�J��� <p>Use of hspace and vspace Attribute <img src=”wp.jpg” hspace=”20” vspace=”10”></p>

����.Alt �������)� �$�O����������)� �$�O����������)� �$�O����������)� �$�O��� ���� ����M v��*�� J�# ���* :#���� �$0� O� �� ��*�� ���* �� ��� ���1 9�O�� ����*� e�� ���) ����-� �#1� J��,J�� �<� �� �� ��1�� ���* =��� ���) 90$ <�5�� J��। alt attribute �$��O�� ��� �� ��*�) ��� *��।�J��� <img src=”joomla.jpg” alt=”joomla admin panel picture”>

5���� �$��9 ���* ���)� 5���� �$��9 ���* ���)� 5���� �$��9 ���* ���)� 5���� �$��9 ���* ���)� .gif .jpg .png .tift .XBM .BMP .jpeg

O��<�������O��<�������O��<�������O��<������� <a>….</a> )$�-�)$�-�)$�-�)$�-� 5��� �<�*� ���� ����� �w� ��� 7+ �J ���� �<�* J�5�� J��। <a>…</a>

)$�- �$�O�� ��� 5��� �<�* ���� �#5�� O�। <a> )$��-� ��0 href, title,

target attribute �$��O�� ��� O�। ���� �H��M9 �� :���-��)����� 5 ��)���� ����। ���) 5����� ���23 �<�*� �H$ ��J�- ��� O� ��)����� ������ ��H$�� ��� 7+ 5����� ���23 �<�*� �H$ ��J�- ��� O� ��)���� ������ ��H$��।

����.href �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� )��-�) �<�*� �������� (URL) ��H���M ��� O� �� �������)� ��H$��। �J��� <a href=”http://www.facebook.com”>Facebook</a> v��*��� RH/ Facebook �#1� J���,J�� �<� �w� ���� www.facebook.com

5���� :��� ��� J���।

Page 29: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

29

1111.Title �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� O��<������� ��0 title attribute �$�O�� ��� ��*���� 9�� -d�$ �<* =��� ��-� H��M� �#5�� �J�9 <��� ���) )/��)< ��� �*� ��H$��। �J��� <a href =”http://www.tutorial.com” title=”A Platform Of Web Design

Tutorial”>Tutorial</a>

v��*��� RH/ Tutorial �Q�) �#1� J��� J�� �<� �� �� ���� �-�� A Platform

Of Web Design Tutorial ���$�) �#1� J���।

----.Target �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� ����� �w� ���� �9/� �<�*�) �9���� �<�* Open O�� ���� �9/� Window �9 Open O�� 9� ��H���M ��� O� target �������)� ��H$��। ���� ������) �$���O� �� ���� �9���� �<�*� )��-�) �<�*�) 5�<� O��।�#�O�M� <a href=”http://www.facebook.com “ target=”_blank”>Facebook</a> �� �� �9/� Window �9 Open O�� <a href=”http://www.facebook.com “ target=”_self”>Facebook</a> �� �� �9���� �<�* Open O��।

���*�� ���� �O ��� �$��O������*�� ���� �O ��� �$��O������*�� ���� �O ��� �$��O������*�� ���� �O ��� �$��O��� ���*�� ���� �O ��� �$��O�� ���� ���� O�� <a href=”http://www.google.com”><img src=”google.jpg”></a>

HTML � ���W� �$�� ���W� �$�� ���W� �$�� ���W� �$��O����O����O����O��� 90$��!�� CD�2��� �<e�<��� *+ ��W �<�#�� �$��O�� ��� O�। <li>….</li> )$�- �$�O�� ��� 90$���!� ��W Y9�� ��� O�। �� ��� )$�- Optional।HTML � ���� H��M� ��W �$�O�� ��� O� J� ���~ ��@�� ��� O��

����.Ordered List: 90$���!�� Serial Number 7K ��� �<e�<��� *+ Ordered List �$�O�� ��� O�। Ordered List :��� ��� O� <ol>….</ol> )$��-� ��H$��। �� ��0 type

attribute �$�O�� ��� ��H���M ��� O� Serial Number ���� O��।�J���

Page 30: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

30

<ol type=”1”> Output: <li>HTML 1.HTML <li>CSS 2.CSS <li>JAVA 3.JAVA <li>PHP 4.JAVA </ol> Type=”A”[A,B,C…{��K ��� O��]

Type=”a”[a,b,c… {��K ��� O�� ]

Type=”I”[I,II,III.. {��K ��� O��]

Type=”i”[I,ii,iii {��K ��� O�� ]

Type=”1”[1,2,3.. {��K ��� O��; �)� �� �] Type=”3”[3,4,5,… {��K ��� O�� ]

Type=”C”[C,D,E,… {��K ��� O��]

1111.Unordered List: � H���� ���W ���� Serial Number 0��� �� , �� <����9� ���23 Symbol

�$�O�� ��� O�।<ul>…<ul> )$�- �$��O�� ��� Unordered List :��� ��� O�। Type Attribute �$��O�� ��� ���23 Symbol �#5�� O�।�J��� <ul type=”disc”> Output: <li>Web Design ● Web Design <li>Tutorial ● Tutorial <li>Internet ● Internet </ul> Type �������) ��5 ���) ��� �$��O�� ��� J��� Circle(○),Square(■)

�)��� Y9����)��� Y9����)��� Y9����)��� Y9���<table>….</table> )$�-� )$�-� )$�-� )$�-� 5��� �<�* 90$ �<e�<��� *+ �)����� ;�X 7<�� !�। <table>….</table> )$�- �$�O�� ��� 5��� �<�* �)��� Y9�� ��� O�। �)��� )$��-� ���_ ��5 ��./ 9�- 0��� �J;��� �)��� Y9��� *+ 7�B� :���*�। )$�-;��� ��~�<� �.<tr>….</tr> [ �� )$�- k��� row �� ��� Y9�� ��� O�]

1.<td>….</td>[ �� )$�- k��� ����9 ��)� ��</) ��� O�] -.<th>….</th>[ �� )$�- k��� ���� �O��� �#5�� O� ] �.<tfoot>….</tfoot>[ �� )$�- k��� �)����� /)�� �J�- ��� O� ]

Page 31: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

31

�.<caption>….<caption>[ �� )$�- k��� �)����� ������ �#5�� O�] ��� I� �;��� )$��-� ��� )$�- Optional। �;��� )$�- �$�O�� ��� ���� ���) �)��� Y9�� ���� <html> <head> <title>Table</title> </head> <body> <table border=”1” align=”center”> <caption>Student Information <tr> <th>Name <th>Roll No. <th>Phon No. </tr> <tr> <td>Faruk <td>0918004 <td>01724249036 </tr> <tr> <td>Himu <td>0918224 <td>01923445168 </tr> </table> </body> </html> v��*��� ���@� �9 �#1� J����

Page 32: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

32

�)����� ������) F�O� �)����� ����M!� ���� *+ �$��9 ������);��� O�- align, width, border,

cellspacing, cellpadding ��� bgcolor।���~ �;��� ����@�� ��� O��

����.align �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� �)����� 7�e�� ���#' ���� *+ align ������) �$��O�� ��� O�।�J��� <table align=”left”> <table align=”right”> <table align=”center”>

1111.width �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� �)����� :�V9� ��M�� ��� O� width �������) ��H$��। �� 2��� �� ������) �$�O�� ��� J��- p.<table width=”60%”>[ ��>�z �)����� :�V9� O�� v��*���� ls%]

�. <table width=”100”>[ ��>�z �)����� :�V9� O�� pss �<��� ] � �� �$��O�� ��� �X�।

Page 33: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

33

----.Border �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� �)����� ����� �#5�� O� border �������) ��H$��। ��� � ���(�)����� :�9)� ��) ����� �#5�� J�� ��।�� � �O ��� border �������)� ��� p 0���।�J��� <table border=”5”>

����.Cellspacing �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� Cellspacing ������) �$�O�� ��� � � F��O� ��H$ ���� e�� ��H���M ��� O�। ��।�� � �O ��� cellspacing �������)� ��� � 0���।�� ��� O� �<����।�J��� <table cellspacing=”3”>

����.Cellpadding �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� � � ����� �0�� � � ���)��)� #F�[ ���#�� ���9 �� ������) �$�O�� ��� O�।�� � �O ��� �� ��� p 0���।�� ��� �<���� O�।�J��� <table cellpading=”2”>

<caption> )$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O� align ������) �$�O�� ��� �)����� ���� 7�e��� caption �) O�� 9� ��H���M ��� O�। �� � �O ��� caption �)����� �<�� 0���। <caption align=”top”> <caption align=”bottom”> <caption align=”left”> <caption align=”right”>

<tr> )$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O� <tr> )$�- k��� ��� Y9�� ��� O�। �� )$��-� ������) �FO O�-bgcolor, align ��� valign। ●bgcolor: ���� �$��a���� ����� �$�O�� ���9।�J��� <tr bgcolor=”Red”> ●align: ���� 7K2F��� ��������) ���#�� ��� O�।�J��� <tr align=”X”> ;X=left(Default),right,center.

Page 34: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

34

●valign: ���� ��j ��������) ���#�� ��� O�।�J��� <tr valign=”X”> ;X=top, middle(Default), bottom

<td> 5 5 5 5 <th>.)$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O�)$��-� ������) F�O� ��) )$�-� ��� ��./ ������) �$�O�� ���9 <���।�J��� align, width, height, valign, bgcolor, nowrap, rowspan, clospan. ●align 5 valign <tr >)$��-� �9� RH/ align=”justify” ��� valign=”baseline”

7�9��c �$��O�� ��� J��। ●bgcolor, width 5 height- ��#� �$�O�� <tr> 5 <table> )$��-� �9�।

●nowrap �������)�������)�������)�������)� � � � �$��O��$��O��$��O��$��O��������� �)��� � �� 7�9���c �)�) O�� 9� ���@ ���� �� । nowrap �$��O�� ��� �)� �� ��� J��। �J��� <td nowrap > <th nowrap >

●rowspan �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� ����H� ���� � �;����� ���) � �� <���9 ���� *+ <td> 5 <th> )$��-� ��0 rowspan ������) �$�O�� ��� O�।�J;��� � ��� ��!2F9 ���9 @��}� 9��#� ��H$ ��@�� �<��� � ��)� ��0 rowspan ������) �$��O�� ���9 O��।�J��� <td rowspan=”2”> <td rowspan=”2”> �1��� � k��� ��) � ��� ��z ��� O���.। ●colspan �������)� �������)� �������)� �������)� �$��O��$��O��$��O��$��O��������� colspan �� �$�O�� rowspan �� �9�। RH/ colspan ������ ��!2F9 ����। O�।�J;��� ������ ��!2F9 ���9 @��}� 9��#� ��H$ ��@�� �<��� ������ ��0 colspan ������) �$�O�� ���9 O��।�J��� <td colspan=”2”> <td colspan=”2”>

Page 35: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

35

HTML � ���� �$�O���� ���� �$�O���� ���� �$�O���� ���� �$�O��� ��*�� �0�� ��</) (�d�$,7���� aO�, �����, ����) ����� *+ HTML � Form �$�O�� ��� O�। �� Y9��� �$��9 )$�- O� <form>….</form>

)$�-।���0�� �� O� 90$ �a�O� *+ ��./ � ��� �������। ��� ���~�c � � ;��� 0���9 <���� Text Field, Password Field, Radio button, Check Box, Dropdown List, Text Area, Button, Submit Button। �;��� ���� ���� ��)/ <�� ��@�� ���।<form> )$��-� ��0 method, action ��� enctype ������) �$�O�� ��� O�। ������);��� ���� ���~ ����@�� ��� O��

����.Method ������)�������)�������)�������)� Method ������) �$�O�� ��� ��� :#X ��)� ��2��� ����) ��� O�। ��) Method �$�O�� ��� ��)� ����) ��� O�- 1.Get Method (<form method=”get”></form>) 2.Post Method (<form method=”post”></form>) URL �� ��0 ���� ��)� ����) ���� *+ Get Method �$�O�� ��� O�।�J��� ��*�� J�# ��� 5 <� 5���� �#�� ��-� ��� 9�� Address ���� ���@� �9 �#1� J���� http://www.sitename.com/login.php?/username=faruk & password=1254893/ �L ���� 90$ ��2��� ����) ���� *+ Post Method �$�O�� ��� O�। ��>�z 90$ �������W ���� 7�� �O ��� ��2��� ����) O�।

1111.Action ������)�������)�������)�������)� �2��� ��)��� :� ���� *+ ���� �:�a�� �� ��� �$�O�� ���� Action

�������)� ��H$�� 9� *����� �#5�� O�� �J��� <form action=”registration.php” method=”post”>

----.Enctype ���������������)����)����)����)� 7�H� 90$ =3 ���� �>�z Get Method �$�O�� ���� 2�� � <�5�� J�� ��। ��>�z Post Methot 5 Enctype ������) �$�O�� ���� 2�� � <�5�� J��। �� ������) k��� ���� :�E�9 ��H���M ��� �#5�� O�। �J���

Page 36: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

36

<form method=”post” action=”order.php” enctype=”text/plain”> � � ���� ��@���

����.Text Field Y9��� Y9��� Y9��� Y9��� ��*�� ��� 5 <� 5���� � � (�� ���� �)�) ��1� J�� ��� � �) Y9�� ���� *+ <input> )$��-� ��0 Type=”text” ������) �$�O�� ��� O�। �� )$��-� ��0 ��5 �9;��� ������) �$�O�� ��� O�। �J��� <form> Username:<input=”text” size=”20” maxlength=”15” value=”Your Name Here”> </form> *Type=”text”[ �� �� � �� �)�) ��1� J��� ] *Size=”20”[ �� �� �s 7>� : V � � <�5�� J��� ] *maxlength=”15”[ �� �� � �� ps 7>��� ���� )��< ��� J��� ��] *value=”Your Name Here”[ �)�) � �� ���$�) �� � �O ��� 0����,�)� <���9���J�-$]

1111.Password Field Y9���Y9���Y9���Y9��� Password Field �)�) � ��� �9�। RH/ Type=”password” O��।7+�+ �������) �$�O�� �)�) � ��� �9�। �J��� <form> Password:<input=”password” size=”20” maxlength=”15” value=”Your Password Here”> </form>

----.�@��� Y9����@��� Y9����@��� Y9����@��� Y9��� �)� �@i �#�� ���� 7<�� � ��� ���� *+ �@��� Y9�� ��� O�। �1��� �� �� ����H� 7<�� � ��� ��� J���। �J��� <form> <p>What is your favorite LANGUAGE? <input type=”checkbox” name=”language” value=”C”>C<br> <input type=”checkbox” name=”language” value=”C++”>C++<br> <input type=”checkbox” name=”language” value=”Java”>Java<br> <input type=”checkbox” name=”language” value=”Php”>Php<br>

Page 37: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

37

</p> </form>

����.Radio Button Y9���Y9���Y9���Y9��� ����H� 7<�� �0�� ���� ��z ���) 7<�� � ��� ���� *+ Radio Button Y9�� ��� O�। �J��� <form> <p>What is your favorite LANGUAGE? <input type=”radio” name=”language” value=”C”>C<br> <input type=”checkbox” name=”language” value=”C++”>C++<br> <input type=”checkbox” name=”language” value=”Java”>Java<br> <input type=”checkbox” name=”language” value=”Php”>Php<br> </p> </form>

����. ����) ��)� Y9��� ����) ��)� Y9��� ����) ��)� Y9��� ����) ��)� Y9��� ���� ��)� �2���� ����) ���� *+ ����) ��)� Y9�� ��� O�। �J��� <form> <input type=”submit” value=”Login”> <input type=”submit” value=”Press”> </form> �1��� Login 5 Press ���� ��) ����) ��)� Y9�� O��।

@@@@.���* ��)� Y9������* ��)� Y9������* ��)� Y9������* ��)� Y9��� ���*��5 ��)� �O� �� �$�O�� ��� J��। �J��� <input type=”image” src=”button.bmp”>

.....h<���� ��W Y9���h<���� ��W Y9���h<���� ��W Y9���h<���� ��W Y9��� ���@� ������ �O��J$ .h<���� ��W Y9�� ��� J��- <form> <p>Select Category</p> <select name=” Select Category”> <option value=”Internet”>Internet</option> <option value=”Computer”>Computer</option> <option value=”web Design”> web Design </option> <option value=”Software”> Software </option> </form>

Page 38: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

38

****.Text Area Y9��� Y9��� Y9��� Y9��� ��*�� �0�� �L ���� ����) <���� *+ Text Area Y9�� Y9�� ��� O�।�J��� <form> <p>Comment</p> <textarea name=”Comment” rows=”5” cols=”8”></textarea> </form> �1��� rows 5 cols �� ��H$�� Textarea Size ��H���M ��� O�।

____.Button Y9���Y9���Y9���Y9��� Button Y9��� *+ ���~� ���� )��< ���� <form> <input type=”button” value=”Go”> </form>

HTML ----� ����� �$�O���� ����� �$�O���� ����� �$�O���� ����� �$�O��� ���� *��� ��^��� �� �9��) RED-GREEN-BLUE(RGB)।� �9��) ��^���

����� ���� 7+�+ ����� E�'।HTML-� ����� *+ .� ���*�)� ���) �O����� ��� ���� ���O�� ��� O�।�� �����) -�\9 O� ��^��� ����� {��K ��� ��� :�9�) ���� *+ ���) ���*) ����.।�J���”RRGGBB”-�1��� RR=Red;GG=Green;BB=Blue.���� ���� *��� ��� ��� 5 �O����� ��� ��j�� ��।s 0��� r <J�d ps �) �1$� �$�O�� ��� �J �1$� ;��� -�\9 O� 9� O� ��� ��� ��j�� ��� s 0��� r 5 A �0�� F <J�d pl �) �1$� �$�O�� ��� �J �1$� ;��� -�\9 O� 9� O� �O����� ��� ��j��। ��� ���� 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 �O����� ���� 0 1 2 3 4 5 6 7 8 9 A B C D E F

------------------������ -��[ ��L�.। ���~ �#�O���� �O��J$ �����) ����@�� ��� O���.।���) 5��� �<�* �H���9 Background, Font & Tabel -� �� �$�O�� ��� O�।

Page 39: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

39

����.Background - � ����� �$�O��� � ����� �$�O��� � ����� �$�O��� � ����� �$�O��� Background � ���� �� �$�O�� ���9 @���� “bgcolor” ������) �$�O�� ��� O� ��� 9� 7�B� <body> )$��-� ��H$ 0���9 O��। <body bgcolor=”#FF0000”> ��>�z �$��a������ -�� ��� ���� E�' O�� ���M FF(��� ���� *+ ���� ���) ��� 7+�+ ���� ��� �F+। �O����� ��� �1$�;���� ��� �$�O�� ���5 ���� ����� ��H���M ���9 <���।��>�z ����~ ��� 0 (hex 00) ��� ���� ��� 255 (hex FF)। �J��� <body bgcolor=”rbg(0,255,0)”> �2��� ���� ������ Combination ��� �$��a����� ���23 ����� Y9�� ���9 <���। �9;��� ���� ���� ���~ �#�� O��

Page 40: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

40

Page 41: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

41

������� ��� �#��5 �$��a������ �� <���9�� ��� J��। �J��� <body bgcolor=”BLUE”> �9;��� ���� ��� 5 ����� ���~ �#5�� O��

Page 42: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

42

Page 43: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

43

1111. ��) ���� �$�O��� ��) ���� �$�O��� ��) ���� �$�O��� ��) ���� �$�O��� 5��� �<�*� ��) �� ��H���M ���9� <body text=”GREEN/#0000FF”>

----.�)���� ���� �$�O����)���� ���� �$�O����)���� ���� �$�O����)���� ���� �$�O��� i.<table bgcolor=”BROWN”>[ �)��� �$��a����� �� ��H���M ] ii.<table border=”2” bordercolor=”112233”>[ �)��� ������ �� ��H���M ] iii.<tr> <td bgcolor=”#AA00CC”><font color=”#552233”> </tr>[ �)��� � �� 5 � � ��) �� ��H���M ]

Page 44: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

44

�d�$ �J�- �����d�$ �J�- �����d�$ �J�- �����d�$ �J�- ���� HTML ���� ���� �L O�� � 1�� �0�� :���*�!� ���� 1/�* ��� ���9, <���9�� ���9 �� �/_�9 ��� O�।� ����M ������ ���23 7��� �d�$ �J�- ��� J��, J��9 1/� O�* ��*� ��*�� �� ��2�<�� O�* �/_�9 <���।�� �d�$ v��*�� �� 5��� �<�*� �<� ���� :2�� � �� ��। �d�$ �J�- ���� ���� O�� <--Your Comment Here--> �&����)� H�M ���&����)� H�M ���&����)� H�M ���&����)� H�M ��H���M�H���M�H���M�H���M� 5��� �<�*� Source Code �#1�� ���� �#1�9 <��� �J, <html> )$��-� �<�� <!doctype> ���� �����) )$�- ����. ।�)��� ��� O� Doctype

Declaration ।�)� HTML �� ���� 7�� ��। �� ��* O� �&����)� H�M ���#�� ��� 70��, �&���)�) ���� 2���� ��@9, HTML �� �99� 2� ��, W3C

k��� �����9 ���� �9$��#? Doctype Declaration �� �H��M �< O�� <!DOCTYPE HTML PUBLIC “//W3C//DTD HTML 5.0//EN” > ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ►title )$��-� �Q �1$� ms-qs 7>��� O�9 O��। ► title )$��-� ��H$ 7+ ���� )$�- �$�O�� ��� J��� ��। �J��� <title><p>Paragraph Here</p></title> ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

<<<<!!!!–>>>> <<<<!!!!DOCTYPE>>>>

<<<<a>>>>

<<<<abbr>>>> <<<<acronym>>>> <<<<address>>>>

<<<<applet>>>> <<<<area>>>> <<<<b>>>>

Page 45: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

45

<<<<base>>>> <<<<basefont>>>> <<<<bdo>>>> <<<<big>>>>

<<<<blockquote>>>> <<<<body>>>> <<<<br>>>>

<<<<button>>>> <<<<caption>>>> <<<<center>>>> <<<<cite>>>> <<<<code>>>> <<<<col>>>>

<<<<colgroup>>>> <<<<dd>>>> <<<<del>>>> <<<<dfn>>>> <<<<dir >>>> <<<<div>>>> <<<<dl>>>> <<<<dt>>>> <<<<em>>>>

<<<<fieldset>>>> <<<<font>>>> <<<<form>>>> <<<<frame>>>>

<<<<frameset>>>> <<<<head>>>>

<<<<h1> > > > – <<<<h6>>>> <<<<hr>>>> <<<<html>>>> <<<<i>>>>

<<<<iframe>>>> <<<<img>>>> <<<<input>>>> <<<<ins>>>> <<<<kbd>>>> <<<<label>>>> <<<<legend>>>> <<<<li>>>> <<<<link >>>> <<<<map>>>> <<<<menu>>>> <<<<meta>>>>

<<<<noframes>>>> <<<<noscript>>>> <<<<object>>>> <<<<ol>>>>

<<<<optgroup>>>> <<<<option>>>> <<<<p>>>>

<<<<param>>>>

<<<<pre>>>> <<<<q>>>> <<<<s>>>>

<<<<samp>>>> <<<<script>>>> <<<<select>>>> <<<<small>>>> <<<<span>>>> <<<<strike>>>> <<<<strong>>>> <<<<style>>>> <<<<sub>>>> <<<<sup>>>> <<<<table>>>> <<<<tbody>>>> <<<<td>>>>

<<<<textarea>>>> <<<<tfoot>>>> <<<<th>>>>

<<<<thead>>>> <<<<title>>>> <<<<tr >>>> <<<<tt>>>> <<<<u>>>> <<<<ul>>>> <<<<var>>>>

Page 46: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

46

<<<<audio>>>> <<<<vedio>>>> <<<<soruce>>>> <<<<embed>>>> <<<<datalist>>>> <<<<keygen>>>> <<<<output>>>> <<<<article>>>> <<<<aside>>>>

<<<<command>>>> <<<<wbr>>>> <<<<time>>>> <<<<section>>>> <<<<details>>>> <<<<figure>>>>

<<<<summary>>>>

<<<<footer>>>> <<<<header>>>>

<<<<figcaption>>>> <<<<mark>>>> <<<<ruby>>>> <<<<rt >>>> <<<<rp>>>>

<<<<progress>>>> <<<<nav>>>>

<<<<hgroup>>>> <<<<mark>>>> <<<<meter>>>>

Cz� ��)����)

5��� ��2�<���#� *+ @�)� �!) 79$d ;�[<FM� । �1��� HTML 5 �� @�)� �!�)� ����� �#5�� O�, �<���� </��� @�)� �!) http://www.veign.com �0�� �������� ���9 <�����।

Page 47: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

47

http://www.w3schools.com http://www.tizag.com http://www.webcoachbd.com

Page 48: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

48

http://www.landofcode.com/ http://www.domedia.org http://www.java2s.com/ http://htmldog.com/ http://www.quackit.com/ http://dev.w3.org/ http://blog.whatwg.org/ http://diveintohtml5.org/ http://html5doctor.com/ http://html5gallery.com/

HTML �9� ��1� O�, ���� S! ������ 5 �O��W� ���� R� ��� �<��� 5��� ��*���। *��:� �9;��� S! ������ 5 �O��W� ���)� ��� ���~ �#5�� O�� http://www.freehostia.com http://www.co.cc http://www.dot.tk http://www.cz.cc http://www.co.tv http://www.cc.cc http://www.byethost.com http://www.000webhost.com http://www.x10hosting.com http://www.athost.net http://www.us.tc http://www.110mb.com

Page 49: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

49

Page 50: Tips Bangla | Tutorial Tips Tricks - 3.fontpage · 2014-05-11 · *˘ ˘) HTML & ) :H ˘) 7˝ O - Head Section 5 Body Section । Head section ˘ ˙ < F˜ @ O ˙ ., 1 Body Section

50