1. HTML Tutorial in Bangla

   |     ( HTTM ML TTut u t oorr i aall i n Ban angl gl a)    (Elements)  ( Tag)  ( Attributes)   ( Paragraph)  (Heading)    (List)    (Font)  (Link)  -  -   (Entity)  (Comments)  (Images)  (Tables)  (Colors)  (Background)  (Frame)  (Layout)  (Embed Music)  (Vedio)  (body)  (Div)         + +  (Form)        (Upload)         :   

      •

      Hypertext Markup Language.          ,   ।

•

•

•

                       । ।         ।                 ।                                                ।  ।         Driven WebSite      । PHP+Database  

•

                । webcoachbd.com  

         (       ) ।Notepad open     । ।                              Netbeans or Dreamweaver.                         ।               •

  (Elements) (Elements)

•

(Tag)   (Tag)

•

  (Attribute) (Attribute)

                >>

   ( HTML E Ell em ement emen entt s )        :    

 (Elements):  । HTML page       । (Elements):   HTML       (tag)    ।     Web (tag)   । HTML        Paragraph text,   ,          elements     । page      (Element)     ।     (opening       (Element)   (opening tag) ,      (closing (closing tag) । 1.
- opening paragraph tag 2. Element Content - paragraph words 3.
- closing tag

 Web page      (Element)  : HTML,head, title  body (Element)             । elements ।  

Element... Element...

  HTML       HTML     less than  greater than ( < >)   ।  ।  :         । ।   Welcome to Bangladesh । ।       Notepad   Web page  Welcome to Bangladesh   Web page   ।   ।   Notepad Open  ।  start  All Programs > Accessories >Notepad

 Notepad           1. 2.Welcome to Bangladesh 3.

      Notepad        save        index.html  save  ।    Double click  open  ।    Browser  open ।     web Page       । element

  head,     । elements   header  । head                । ।              । elements   element<br /> <br />  title elements  opening (<title>)  <head>    <title>   ।           browser                । closing() closing() tag   1. 2. 3. My WebPage! 4. 5.

element

         ।        web page       body element  web page           । body element   1. 2. 3.My WebPage! 4. 5. 6.Hello World! All my content goes here! 7. 8.

       .html extension                 ।

               ( HTML TTag ag Tuutt or i aall i n B Baaangl ngl ng ngll a)     :    

       ,         ।        paragraph  paragraph     ,           ।

            .     (opening (opening tag)  .    (contents) (contents)  .     (closing tag) ।          web page              । 1.
A Paragraph Tag

              । ।                । 1. Body Tag (acts as a content shell) 2.
Paragraph Tag
3.
Heading Tag
4.Bold Tag 5.Italic Tag 6.

CLOSI NG       :  :         closing tag   ।      ।    line break tag  
     ।  ।          ।  ।                                       ।                         ,     । 1. -- Image Tag 2.
-- Line Break Tag 3. -- Input Field

  :

--Line Break--

      ( HTTM ML At t r i bbu but u t e t uutt oorr i aall i n Baan angl nggll aa))      :    

               । ।                 attributes           ,       ।  attributes value                  । 1. 1.

           ।  । Class  id attribute       Class  id attribute                       , (              । 1.
Paragraph type 1 Italics
2.
Paragraph type 2 Bold

  Paragraph type 1 Italics

Paragraph type 2 Bold

           ( HTM TMLL NA AM ME ATTRI ATTR ATTR TTRII BU BUTE TE))  BUTE)  । Name attribute                   Name attribute  Class  id attribute  ।  । 1.

  :

 attribute  TextField                        (javascript (javascript , css)

     TMLL- TI TLE ATTR TTRII BU BUTE BUTES TES)  ( HTM  attribute         popup                           popup        ।
Titled There!">Titled Heading H eading Tag
 

Ti t l ed He Hea ddii ng Ta Ta g      LLII GN A ATTR TTRI TTRI BU BUTES BUTE TES) TES S)  ( HTM TMLL - A ALI           align attribute   । align   

  left, right & center ।   left align    । 1.
Centered Heading

Cent er ed Headi ng 1.
Left aligned heading
2.
Centered Heading
3.
Right aligned heading

Lef t al i gned headi ng Cent er ed headi ng Ri ght al i gned headi ng GENERI C ATTRI BUTES:     ।         HTML Tag   Attribute         । Attribute Options

Function

align

right, left, center

 (Horizontally) aligns tags

valign

top, middle, bottom

 (Vertically) aligns tags

bgcolor

numeric, hexadecimal, RGB Element  background color   । values

background URL

Background image  element   । Element  Name  Cascading Style Sheets (css)

id

  

    ।

Element    Cascading Style Sheets (css) class

  

    ।

width

Numeric Value

Tables, images, or table cells  width   ।

height

Numeric Value

Tables, images, or table cells  height   ।

title

  

 elements  "Pop-up" title ।

    ( HTML HTML Par agr aph Tut or i al i n Bangl a)    :     

          ।      ।
   ( )   ।            

  । 1.
Avoid losing floppy disks with important school...
2.
For instance, let's say you had a HUGE school...

 : Avoid losing floppy disks with important school/work projects on them. Use the web to keep your content so you can access it from anywhere in the world. It's also a quick way to write reminders or notes to yourself. With simple html skills, (the ones you have gained so far)it is easy. For instance, let's say you had a HUGE school or work project to complete. Off hand, the easiest way to transfer the documents from your house could be a 3.5" floppy disk. However, there is an alternative. Place your documents, photos, essays, or videos onto your web server and access them from anywhere in the world.

    ( HTML HTML PARAGRAPH –JUSTI FI CATI ON)  -          justify         justify       । 1.
For instance, let's say you had a HUGE school or work...

 : For instance, let's say you had a HUGE school or work project to complete. Off hand, the easiest way to transfer the documents from your house could be a 3.5" floppy disk. However, there is an alternative. Place your documents, photos, essays, or videos onto your web server and access them from anywhere in the world.

    ( HTML HTML PARAGRAPH –CENTERI NG)  -  

        display window     । 1.


    ( HTML  -   HTML PARAGRAPH –ALI GN RI GHT)         display window     । 1.


  ( HTML HTML Headi ng Tut or i al i n Bangl a)          :    

           ।       bold            ।         ।          1. 2.
Headings
3.
are
4.
great
5.
for
6.
titles

7.
and subtitles
8.

Headings

ar e GREAT f or titles and subtitles

          option  ।    built in attribute

।

  

     ।

     ::        paragraph    ।     । 1.
Essay Example
2.
Avoid losing floppy disks with important school/work projects...
3.
For instance, let's say you had a 4.HUGE school or work project to complete.

Off ...

 :

Essay Example Avoid losing floppy disks with important school/work projects on them. Use the web to keep your content so you can access it from anywhere in the world. It's also a quick way to write reminders or notes to yourself. With simple html skills, (the ones you have gained so far by now) it is easy. For instance, let's say you had a HUGE school or work project to complete. Off hand, the easiest way to transfer the documents from your house could be a 3.5" floppy disk. However, there is an alternative. Place your documents, photos, essays, or videos onto your web server and access them from anywhere in the world.

     ( HTML HTML Li ne Br eak) eak )     :    

         ।                ।         ।    paragraph   HTML element(tables, lists, and headings)     । 1.
2.Will Mateson
3.Box 61
4.Cleveland, Ohio
5.

 :     address    । Will Mateson Box 61 Cleveland, Ohio

      । 1.
Sincerely,
2.
3.
4.Kevin Sanders
5.Vice President

 : Sincerely,

Kevin Vice President

Sanders

            closing tag    ।

HTML HORI ZONTAL RULE: RULE: Horizontal rule 
    ।
   screen     

। line break tag   Horizontal rule tag   closing tag  । 1.
2.Use

3.
4.Them 5.
6.Sparingly 7.

 : Use

Them Sparingly

Horizontal rule              । 1.
2.
1. "The Hobbit", JRR Tolkein.
3.2. "The Fellowship of the Ring" JRR Tolkein.

 : 1. "The Hobbit", 2. "The Fellowship of the Ring" JRR Tolkein.

 : Goal s 1. Find a Job 2. Get Money 3. Move Out

Start attributes         । 1.
Goals
2.

JRR

Tolkein.

3.
Buy Food
4.
Enroll in College
5.
Get a Degree
6.

 : Goal s 4.Buy Food 5.Enroll in College 6.Get a Degree

     ( HTM HTMLL ORDERED LI STS STS CONTI NUED)      (ordered list) ।   ,,              । type attribute       । 1.
2.
3.
4.

Or der ed Li st Types: Lower-Case Letters

Upper-Case Letters

Lower-Case Numerals Upper-Case Numerals

a. Find a Job

A. Find a Job

i.

Find a Job

I.

Find a Job

b. Get Money

B. Get Money

ii.

Get Money

II.

Get Money

c. Move Out

C. Move Out

iii.

Move Out

III.

Move Out

   HTML UNORDERED LI STS)    ( HTML STS)
      ।       . squares .discs .circles

  full discs    । 1.
Shopping List
2.
3.
Milk

।

default

4.
Toilet Paper
5.
Cereal
6.
Bread
7.

 : Shoppi ng Li st •

Milk

•

Toilet Paper

•

Cereal

•

Bread

 type attributes   unordered list       ।

type="dics">
type="circle"> type="square"

type="disc"

type="circle"



Milk

•

Milk

o

Milk



Toilet Paper

•

Toilet Paper

o

Toilet Paper



Cereal

•

Cereal

o

Cereal



Bread

•

Bread

o

Bread

     STS)  ( HTML DEFI NI TI ON LI STS) Definition list      ।
tag   Definition list   ।  Define       bold   । Definition list tag     tag 

  .
.
।
tag:         ।
tag:   (Define)          ।
tag:
tag           । 1.
2.
Fromage

3.
French word for cheese.
4.
Voiture
5.
French word for car.
6.

 : Fromage French Voiture French word for car.

word

for

cheese.

     ( HTML HTML Col or code)     :    

Color set    ।      ,  ,  ,  , ।    value 

     ।       ।

    : : Black

Gray

Silver

White

Yellow

Lime

Aqua

Fuchsia

Red

Green

Blue

Purple

Maroon

Olive

Navy

Teal

    L- COLORI NG SYSTEM: RGB VALUE)  -   ( HTM HTMLL   web design   HTML rgb      Non-IE browser, HTML rgb   ।   CSS          । Red, Green  Blue      rgb

।

  (     )  ( 

   )। rgb   rgb(RED,GREEN,BLUE) ।

RED, GREEN  ::  BLUE   bgcolor="rgb(255,255,255)" White bgcolor="rgb(255,0,0)"

Red

bgcolor="rgb(0,255,0)"

Green

bgcolor="rgb(0,0,255)"

Blue

 :  ( HTML HTML-- COLORI NG SYSTEM: SYSTEM: HEXADECI MAL)  -   :   Hexadecimal system     system    । practice       ।  Hexadecimal system      । Hexadecimal system   standard color । Hexadecimal   digit  ।   digit(RR), Red value     digit(GG), Green value      digit(BB), Blue value   ।

     bgcolor="#RRGGBB"

   HTML- COLOR CO DE: BREAKI NG THE CODE) CODE)  -   ( HTMLHTML CODE:       Hexadecimal system  Numbering system     digit    । Decimal

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Hexadecimal 0 1 2 3 4 5 6 7 8 9 A B C D E F

      ।       ।     ।

   :  : bgcolor="#FFFFFF"

 "F"       ("#FFFFFF")    ।       ।

 :   :  (15 * 16) + (15) = 255

  ।  F   ()           ।        ।     ।  : bgcolor="#CC7005" CC(RR - Red) (12 * 16) + (12) = 204 70(GG - Green)

(7 * 16) + (0) = 112 05(BB - Blue) (0 * 16) + (5) = 5

    ( HTML Font Tut or i al i n Bangl a)     :    

       ,      । size, color  face attributes        ।         ,  

     ।       (     )    ।

  ( FONT SI ZE) Size attribute        ।        (  )  (

 )।      । 1.
2.Here is a size 5 font 3.
{}

 :

Here is a size 5 font.    ( FONT COLOR)  attribute   font  color    । 1.This text is hexcolor #990000 2.
3.This text is red

 : This text is hexcolor #990000 This text is red

   ( FONT FACE)  face                              Times New Roman     । 1.
2.This paragraph 3.has had its font...

4.

 : This paragraph has had its font formatted by the font tag!

  ( BASEFONT) Basefont           । basefont       । 01. 02. 03.This paragraph 05.
This paragraph 06.
This paragraph 07. 08. 09.

color="green"> has had its font...
has had its font...
has had its font...

 : This paragraph has had its font formatted This paragraph has had its font formatted This paragraph has had its font formatted by the basefont tag!

by by

the the

basefont basefont

   font  basefont     (     )    । Attributes: Review

Attribute= "Value"

Description

size=

"Num. Value 1-7"

Size of your text, 7 is biggest

color=

"rgb,name,or hexidecimal" Change font color

face=

"name of font"

Change the font type

   :  :           । 1.
Customize 2.your font to achieve a desired look.

 :

tag! tag!

C

ustomize your font to achieve a desired look.

    ( HTML HTML Li nk)    :     

         । anchor tag        ।  ,  ,        ।

 | HTM L- HYPERTEXT REFERENCE ( HREF)  -   HTMLLhref attribute          । Hypertext reference   Internal, Local, Global

।

Internal:       । Local :  web site         । Global:  web site    web site     । Internal - href="#anchorname" Local - href="/../pics/picturefile.jpg" Global - href="http://www.tizag.com/"

     ( HTM HTMLLL - TEXT LI NKS)  tag       । href attribute          । href attribute  opening tag    । opening  closing tag     ,

  web      । 1.Tizag Home 2.ESPN Home 3.Yahoo Home

 : Global Link Tizag Home ESPN Home Yahoo Home

    ( HTMLL- LI NK TARGET) Target attribute   ,      window       browser window  ।

target=" _blank" _self"

 browser window   page  । current window   page Load  ।

_parent" Loads new page into a frame that is superior to where the link lies _top"

 frames cancel  , current browser window  page Load  ।

         web site ESPN.COM     । Target attribute   browser    ESPN.COM web site      window  open      web site     । 1.ESPN.COM

 : _blank Target: ESPN.COM

     ( HTML HTML E mai l )      :    

      standard anchor tag  ।  href attribute ,     inverted comma      । Email Example

 : Email Example

   ::                . subject .body Subject -   subject     information    । Body -   body    information    । 2nd Email Example

               subject  body        (Subject  body  )    ।                       

 ।  : 2nd Email Example

      ( HTML HTML Emai l Li nk, nk , Anchor Anc hor )    :     

    ।      site  Email         ।     Email        । [email protected]

 : mailto: [email protected] ?subject=feedback

    Email    । mailto: [email protected] ?subject=feedback ferdous@ webcoachbd.com

 : Complete Email: mailto: [email protected] ?subject=feedback&body =sweet site!

      (HTML-download links)    place     ।   image link       । thumbnail    ।       । HTML Code: Text Document

 : Download a Text Document: Text Document

     ( HTMLL - DEFAULT LI NKS; BASE)    head element    । default URL       ।

    tag    । view source print? 1. 2.

3.

    ( HTML Ent i t i es Tut or i al i n Bangl a)     :    

  symbol   ।  symbol  ,  ,              ।        : . Entity  (ampersand)   - & . Entity   – copy . semicolon    -;

   ©     © - Copyright symbol.

                       ।        ।     । 1.
Everything that goes up, must come down!

 : Everything that goes up, must come

down!

             ।            । 1.
2.Less than - <
3.Greater than - >
4.Body tag - 5.

 : Less Greater Body tag -

than than

-

< >

      ( HTML HTML Com Comment m ent s Tut or i al i n Bangl a)      ment     :    

                         ।

    ignore  । .     note     reminder  .         । . .Temporarily comment         ।

     opening tag  closing tag  ।

           ।

 : Input Field:

    ( HTML I mages Tut or i al i n Bangl a)    :     

          ।            । 1.

 :

 SRC:  -   Src attribute   । Src   (source)       picture file   ।

        । . Standard URL   (src=http://www. webcoachbd.com/pics/htmlT/sunset.gif)

. web server  file     (src="/../sunset.gif")

 picture file  location   . file  location    । URL Types: Local Src

Location Description

src="/sunset.gif"

picture file  .html file  directory    ।

src="/../sunset.gif"

picture file   directory    .html file  ।

src="/../pics/sunset.gif"

ic directory  picture file   directory    .html file 

 ।

 - ALTERNATI VE ATTRI BUTE: BUTE: Alt attribute                 ।  

          browser      । 1.

 :

 HEI GHT   -    WI DTH:  height  width    height  width attribute    । 1.

 :

 :  - VERTI CALLY   HORI ZONTALLY ALI GN :  Align  valign attribute       । 1. align (Horizontal) o

right

o

left

o

center

2. valign (Vertical) o

top

o

bottom

o

center

    1.
This is paragraph 1, yes it is...
2.
3. 4.The image will appear along the...isn't it? 5.
6.
This is the third paragraph that appears...

 : This is paragraph 1, yes it is. I think this paragraph serves as a nice example to show how this

image alignment works. The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph. If we were talking about beautiful tropical sunsets, this picture would be perfect. But we aren't talking about that, so it's rather a waste, isn't it? This is the third paragraph that appears below the paragraph with the image!

     :  -  :

      । 1. 2. 3.

 :

 - THUMBNAI LS: Thumbnails       ,      ।    picture quality  

।Thumbnails           । 1. 2. 3.

    ( HTM HTMLL Tabl es Tut or i al i n Bangl a)     :    

  Horizontal   vertical  ।  tabular data     ।             ।     cell ।   

   
    । .  Horizontal    ।    Horizontal  data cell   ।   data cell   heading    ।    footer      । 1. 2. 3. 4.
Row 1 Cell 1 Row 1 Cell 2

 : Row 1 Cell 1

Row 1 Cell 2

Row 2 Cell 1

Row 2 Cell 2

       : : Rowspan       colspan       ।    header       ।    default  header  

  । 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11.
Column 1 Column 2 Column 3
Row 1 Cell 1 Row 1 Cell 2 Row 1 Cell 3
Row 3 Cell 1

 : Row 1 Cell 1 Row 1 Cell 2 Row 2 Cell 1 Row 2 Cell 2

CELL PADDI NG   SPACI NG  cellpadding           ( ,  )    (space)     cellspacing     cell    (space)    । 01. 03. 04. 05. 06. 07. 08. 09.
Column 1 Column 2

 :

Column 1

Column 2



1. 2. 3. 4. 5. 6. 7. 8.
Column 1 Column 2

 :

Column 1

Column 2

Row 1 Cell 1

Row 1 Cell 2

Row 2 Cell 1

Row 2 Cell 2

    HTML Backgr ound Col or s Tut or i al  ( HTML i n Bangl a)     :    

bgcolor          । Bgcolor                    ।  

      (CSS     )   ।  : 1. 2.
We set the background of this paragraph to be silver. The body tag is 3.where you change the pages background. Now continue the lesson to 4.learn more about adding background colors in your HTML! 5.
6.

 : We set the background of this paragraph to be silver. The body tag is where you change the pages background. Now continue the lesson to learn more about adding background colors in your HTML!

        : 

01.

02. 03.
A lime colored table background using color names.
04. 05. 06. 07. 08.
A red colored table background using hexadecimal values "#FF0000".
09. 10. 11. 12. 13.
A blue colored table background using RGB values "rgb(0, 0, 255)".

 : A lime colored table background using color names. A red colored table background using hexadecimal values "#FF0000". A blue colored table background using RGB values "rgb(0, 0, 255)".

    ::      1. 2. 3. 4. 5. 6. 7. 8.
This Row is Yellow!
This Row is Gray!
This Row is Yellow!
This Row is Gray!
This Row is Yellow!
This Row is Gray!

 : This Row is Yellow! This Row is Gray! This Row is Yellow! This Row is Gray! This Row is Yellow! This Row is Gray!

   COLOR   FONT COLOR: 1. 2. 4.

5. 7. 8.
3.Green Bay 13

6.New England 27

 : Green Bay

13

New England 27 1. 2. 7.
3.
4.This paragraph tag has... 5.
6.

 :

This paragraph tag has a gray background with green colored font. You should see Monotype Corsiva font if you have it installed, or Verdana as the backup. Both fonts are widely accepte as standard fonts.

    ( HTML Back Backgr gr ound Tut or i al i n Bangl a)     :    

            । 1. 3. 4.
This table has a background image

 : This table has a background image

 :  :  -                    ।               । 1. 3.

4.
This table has a background image

 : This table has a background image

    -                   ।    gif    jpeg   । 1. 3. 4.
This table has a background patterned image

 :

1. 2. 3.
This table has a red transparent background image

 :

    ( HTML Fr ame)     :    

                ।

FRAME PAGE PAGE::  - A GENERI C FRAME              ।            । 1. 2. 3. 4. 5. 6.

7. 8.

 :    frameset –   parent tag   page  characteristics  ।   frameset  

  । frameset cols="#%, *"- Cols(column)    width  ।     (1st column)

   total page  %  "*",   total page  % content(2 nd column)   । frame src="/"        ।

     :  :  1. 2. 3. 4. 5. 6. 7. 8.

frameset rows="#%, *"-  frameset cols="#%, *"-  ।

FRAMEBORDER AND FRAMESPACI FRAMESPACI NG: FrameBorder  FrameSpacing attribute     Spacing     ugly gray lines

   । 1. 2. 3. 4. 5. 6. 7. 8.

 :   

NORESI ZE AND SCROLLI NG:

Noresize attribute         । scrolling="(yes/no)"-    scroll     । 1. 2. 3. 4. 5. 6. 7. 8.

                     ।

    ( HTML Layout Tut or i al i n Bangl a)     :    

     ।           । 1. 2.
3. 4. 5.
Tables inside tables!
6.

 :        Tables inside tables!

   Standard layout     ,   content   ।  

     । 01. 03. 08.
04. 05. 06.
Place a banner here
07.
09.

10. 11. 12. 13.

Links!
Links!
Links!
14. 15. 16. 17.
Content goes here
18.

 :

Place a banner here

Lin ks! Lin Content goes here ks! Lin ks!

01. 03. 08. 15.
04. 05. 06.
Banner goes here
07.
09. 10. 11. 12. 13.
Links! Links! Links!
14.
16. 17. 18.
Content goes here
19.

 :

Banner goes here Links! Links! Links! Content goes here

    ( HTML Embed Musi Musi c Tut or i al i n Bangl a)     :    

   music   । Embed    music    src attribute   media file      । 1.

EMBED ATTRI BUTES –     :   :  Embeded media player        attribute     ।

. width - media player   . height - media player   . hidden –       media player    ।     attribute           music     option   । 1.

EMBED ATTRI BUTES –     : Embeded media player       attribute     ।

autostart –  attribute    false  true ।   true           । loop -  attribute    false  true। true        false    । volume -  attribute  media file  volume   ।    -। view source print? 1.

    ( HTML HTML Vi deo Tut or i al i n Bangl a)        :    

Music               । image    embed    closing     । src attribute    URL(local  global)         ।

1.

 :

 href attribute    URL         । 1. 2.motiontween1easy.swf

(    play)

    -  Flash movies (.swf), AVI's (.avi), and MOV's (.mov)। embed      । .swf files -    

.wmv files –        । .mov files -        .mpeg files –   standard   Moving Pictures Expert Group  compression movie

   ।         swf, mpeg    ।

 EMBED ATTRI BUTES:  - EMBED Src attribute      attribute    volume, autostart, hidden, and loop

।

autostart -  attribute    false  true

।

  true           

 । hidden -  attribute   play/stop/pause  । embedded object is hidden or not. Values are true or false. (Hide your embeded media if you just want background noise). loop -  attribute    false  true। true         false   ।. playcount - Setting a playcount     media x number   repeat    repeat  (playcount="2"   video     ). volume -  attribute  media file  volume set  ।    -।

   ( HTML Body)     :    

Body tag  web page   element  । Tables, Lists, Forms, paragraph element  Body element     ।

HTML HTML - BODY MARGI NS: Attributes Leftmargin: body element.     ।

topmargin :body element    । 1. 2.

 : Top

Margin

Left Margin

HTML HTML - BASE TEXT: Text attributes   Body tag          । 1.

 view source print? 1.

    ( HTML HTML Di v Tut or i al i n Bangl a)        :    

         body    । Div    block          ।

   Div   ।     attributes   । id width height title style

 strong visualization    style attribute       । 1. 2.
3.
SEARCH LINKS
4.Google 5.
6.

SEARCH LINKS

Google

           div     । beginning and ending    div        । 01.
02.HOME | 03.CONTACT | 04.ABOUT 05.
06.
07.
Content Articles
08.
This paragraph would be your content

paragraph with all of your

readable material.
09.

 : HOME | CONTACT | ABOUT Content Articles

This paragraph would be your content paragraph with all of your readable material. 01.
02.HOME | 03.CONTACT | 04.ABOUT | 05.LINKS 06.
07.
08.
Content Articles

09.
This paragraph would be your content 10.paragraph with all of your readable material.
11.
Content Article Number Two
12.
Here's another content article right here.
13.

 : HOME | CONTACT | ABOUT | LINKS Content Articles

This paragraph would be your content paragraph with all of your readable material. Content Article Number Two

Here's another content article right here.

     ( HTML Bol d & I t al i c)     :   

bold tag        । 1.This text is entirely BOLD!

 : Bold: This text is entirely BOLD!

 highlight  bold tag   ।. 1.
Don't touch that!

 : Don't touch that! dictionary fashion.    bold tag    । 1.
Cardio: Latin word meaning of the heart.

 : Dictionary Cardio: Latin word meaning of the heart.

HTML HTML - I TALI C( S) The italics tag  key word or phrase  highlight    ।  tags  font face  stylize         । Emphasized tag  italics tag   । 1.Italic tag! 2.Emphasized Text! 3.Create a
blockquote
! 4.Format your
addresses
!

 : HTML Italics: Italic tag! Emphasized Text! Create Format your addresses! 1.HTML 2.Hyper Text Markup Language

 1.HTML 2.Hyper Text Markup Language

 : HTML Dictionary HTML Hyper Text Markup Language or HTML Hyper Text Markup Language

HTML BOLD AND I TALI CS CS and the tags   text format      ।

        । 1.
Phillip M. Rogerson MD

 : Phillip M. Rogerson MD

a blockquote!

and the tags          । 1.
Include several external 2.links throughout your texts as references to your viewers, 3.we will discuss 4. 5.HTML Links 6. 7.in a later lesson.

 : Format Links: Include several external links throughout your texts as references to your viewers, we will discuss HTML Links in a later lesson.

    pre   ( HTML Code & Pr e)      :   

code tag    text  computer code     ।    text  font face, size,  letter spacing    । 1.This text has been formatted to be computer code!

 : Computer Code This text has been formatted to be computer

code!

Use this tag to separate any computer code you wish to display on your website. It is not always necessary, but the tag exists if you so desire.

HTML HTML - CODE LI NKS  link   web page    । 1.
Feel free to search 2.Google 3. for 4.anything you wish to find on the internet.

 : Code Links: Feel free to search

Google

for anything you wish to find on the internet.

HTML PREFORMATTI NG HTML -
PREFORMATTI
tag    HTML coding       ,        

।        । 1.
2.Roses are Red,

3.    Violets are blue, 4.I may sound crazy, 5.    But I love you! 6.

 : Roses are Red, Violets are blue, I may sound crazy, But I love you!

  , , ,  ,      :   

1.
This text is ^{superscripted!}

 : Superscript: This text is

HTML

–

superscripted!

EXPONENTS

 exponential    ^{tag    । 1.2³ = 8 2.14^x

 : Exponents: 3

2 = x 14

HTML

8

–

  : : 

       reference   ^{tag       । 1."It was a lover's tryst¹." 2.
3.1. Secret meeting between lovers

 : Footnote 1

"It was a lover's tryst ." 1. Secret meeting between lovers

HTML HTML - SUBSCRI PT

1.This text is _subscripted!

 : This text is subscripted! 1.H₂0 - Water 2.
O₂ - Oxygen 3.
CO₂ - Carbon Dioxide

 : H2O - Water O2 - Oxygen CO2 - Carbon Dioxide

HTML

–

STRI KETHROUGH

tag        । 1.
This text is scratched out!

 : Strikethrough This text is scratched out!

HTML OFF TASK: HTML - CHECK OFF 1. 2.Clean my room
3.Cook Dinner
4.Wash Dishes
5.

 : 1. Clean my room 2. Cook Dinner 3. Wash Dishes

  ( HTML For m)     :    

web server   (name, email address, credit card,  )   webmaster   Forms   tool  ।    form     ।        , order   ,      , forum        ।

TEXT FI ELDS

  forms        । Input fields  form  sandwich   । tag   attributes      । type -  attribute input field    ।  text, submit,  password

।

name -  attribute given field       reference   । size -  attribute field  horizontal width   । maxlength –  attribute character  maximum    Name:
Password:

 : Input Forms Name: Password:

HTML HTML - I NPUT TAGS: Input fields        checkboxes, text fields, radios,  form submission buttons। tag   closing tag   । HTML -Type Attribute: Type attributes     input tag   ।  input tag   ।

. "text" . "password" . "checkbox" . "radio" . "submit" . "reset"

HTML

–

CHECKBOXES:

Checkboxes    single question      । Check boxes allow for multiple items to be selected for a certain group of choices. checkbox  name  value attributes  radio button  name  value attributes    ।

Select your favorite cartoon characters. Goofy Donald Bugs Bunny Scooby Doo

 : Checkboxes: Select your favorite cartoon characters. Goofy Donald Bugs Bunny Scooby Doo Email Myself

HTML SUBMI T BUTTONS: HTML - SUBMI Input type   "submit"       ।specifies a very unique button. 

 submit button        activate  ।   submission button     attribute    value attribute।    value attribute       button   । "Submit" or "Continue"  value attribute     । . 1. 2.

 : Submit Buttons Submit

Continue Please!

HTML HTML - RESET BUTTONS:  input type  reset button। Setting the type to reset button     form         ।"start over" button   reset button      । view source print? 1. 2.

 : Reset Buttons:

Reset Fields

Start Over

    ( HTML Text Fi el d)     :    

Text fields             web server   । 

 scripting language  (PHP, PERL, or ASP)     ।

HTML HTML - TEXT FI ELD SI ZE: Size attribute   text area  size   । default size    characters  । 1. 2. 3.

 : Text Fields:

HTML HTML - TEXT FI ELD MAXLENGTH: MAXLENGTH: maxlength attribute       characters          । characters     maxlength attribute    । size  maxlength    । 1. 2. 3.

 : Maxlength Attribute

HTML HTML - TEXT FI ELD VALUE: value attribute                । view source print?

1. 2. 3.

Text Field Values: 5555 Corndog Tizag Tutorials!

    ( HTML HTML Text Ar ea)     :    

            । Paragraphs, essays, or memos             ।   opening  closing  ।                  । 1.Text Area!



HTML AREA COLS AND ROW ROWS: S: HTML - TEXT AREA Adjust the of the text area  size  appearance      attributes  

 cols androws।  attribute      ।       text area  । 1.Text Area! 2.Text Area! 3.Text Area!

 :

HTML HTML - TEXTAREA WRAP: wrap attribute       textarea  text field        । Wrap     । :

.soft .hard .off wrap attribute  Soft  word text area    but form      word    (Line breaks     ) wrap attribute  Hard  word text area        Line breaks  

 ।  form      text box       । wrap attribute  Off  word  text area           । 1. 2.As you can see many times word wrapping is often the desired 3.look for your textareas. Since it makes everything nice and 4.easy to read. 5.

 :Text Area Wrapping:

1. 2.As you can see many times word wrapping is often the desired 3.look for your textareas. Since it makes everything nice and 4.easy to read. 5.

 : No Wrapping

HTML READONLY: HTML - TEXTAREA READONLY: readonly attribute  value  yes  no। readonly attribute   yes    textarea 

         ।

1. 2.As you can see many times word wrapping is often the desired 3.look for your text areas. Since it makes everything nice and 4.easy to read. 5.

 :

HTML

–

DI SABLED

disabled attribute   textarea   highlight   ,          

 । 1. 2.As you can see many times word wrapping is often the desired 3.look for your text areas. Since it makes everything nice and 4.easy to read. 5.

 :

     ( HTML Radi o but t on)

    :    

Radios             ।       

 ।"multiple choice"       Radios     । 1.Italian: 2.Greek: 3.Chinese:

 : Radios: Italian: Greek: Chinese:

            । 1.Italian: 2.Greek: 3.Chinese: 4. 5.Male: 6.Female:

 : Multiple Radios: Italian: Greek: Chinese: Male: Female:

 - RADI O CHECKED: checked  ,   radio            । 1.Italian:

2.Greek: 3.Chinese:

: Default Italian:

Italian: Greek: Chinese:

   ( HTML Upl oad For m)     :    

upload form    pictures, movies,    webpages upload  ।  upload form    input form ।   type attribute     file  upload form 

  । 1.

 : : UPLOAD FORM  MAX FI LE SI ZE upload   size       webserver   space   ।  

 hidden input field    specific attributes   । 1. 2.

 value 100  file  100kb   ।  :

    ( HTML Dr op down l i st )     :    

Drop down lists    forms.  internet   Drop down lists             । Drop down lists        select 

 । Drop down lists  tag   Drop down lists

   ।}}

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
Row 1 Cell 1	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1

1. HTML Tutorial in Bangla

Recommend Documents

Heading Tag

Titled There!">Titled Heading H eading Tag

Centered Heading

Left aligned heading

Centered Heading

Right aligned heading

Headings

are

great

for

titles

and subtitles

Essay Example

Goals

Shopping List

SEARCH LINKS

Content Articles

Content Articles

Content Article Number Two