HTML Bangla eBook Byfaruk

8/4/2019 HTML Bangla eBook Byfaruk

1/50

1


2/50

2


3/50

3

- --- ( )

, ,,,


4/50

4

- - -


5/50

5

- - , , , HTML

, , ,

- -


6/50

6

HTML ?HTML ? ?

HTML ? HTML HTML ( HTML Entities ) HTML HTML HTML5 HTML5 HTML


7/50

7

HTML HTML HTML Microsoft Frontpage, Adobe Dreamweaver, Webpage Maker,Wordpress,Joomla ,

HTML ? ,

HTML Coding.

HTML

HTML , HTML

, Outlook HTML, CSS, Photoshop, Flash

Php, Java Script, Xml, Database, Framework

???? , html,css,php


8/50

8

? ???

InterNIC

? ???

? ??? (Text,Image,Animation,Audio,Video )

? ???

? ???

,

( ) ? ???

. . . . . .


9/50

9

HTML

?

HTML(Hyper Text Markup Language). Programming Language ( Programming Language logic ) HTML MarkupLanguage Markup Tag(Tag ) -

Markup Tag Markup

This Text is Bold; This Textis Bold Bold Markup Tag HTML Tag

HTML Code. view>page source < html >.. HTML Code.

HTML , , Content ,

Design Outlook HTML HTML HTML Document ( ) Platform(Browser)- HTML

HTML

HTML Editor Software ,

Notepad Text Editor Code

HTML Code Run Internet Explorer, Mozilla Firefox, Google Chrome

HTML- ?


10/50

10

, HTML- HTML CSS(Cascading Style Sheets)

XML(eXtensibleMarkup Language) Java Script

Programming PHP Mysql

HTML :HTML Document( ) head body HTML .. HTML-

CSS,Java Script Style Sheet

/Title

Content (Text,Image,Table,Form,Audio,Video )

HTMLHTMLHTMLHTML


11/50

11

. (Element)

. (Tag)

. (Attribute)

.HTML Document

. (Element):(Element):(Element):(Element):HTML Element HTML Document HTML Document - Element html, head, title, body Element Opening Tag() Closing Tag () Element Content

Element Content

HTML Element- Start Tag/Opening Tag End Tag/Closing Tag Start End Element Content Element Content Empty Element start Element- End Tag

.... (Tag):(Tag):(Tag):(Tag): HTML- HTML Code HTML Markup Tag- Html Tag , Keyword ,

, etc. Case Sensitive , Small Letter-

Keyword (/)


12/50

12

Some Tag Here

Some Content Here

, optionaltag. paragraph
optional tag.
.... (Attribute):(Attribute):(Attribute):(Attribute): text, image , style

word Element- word Element Attribute Element Word Element Attribute Element

Attribute Attribute value

Here a paragraph

align attribute value center, paragraph

....HTML Document:HTML Document:HTML Document:HTML Document:HTML Element HTMLDocument , HTML Code File HTMLDocument HTML Document head bodysection HTML Document something.html/.htmExtension save


13/50


14/50

14

, ,

My first web page My first web page Body Section(.)- h1,h2,h3,h4,h5,h6

,


15/50

15

.Title Tag: Head Element title tag Browser Content

Element -

web design-html-css-java script tutorial

title Valid HTML Document

title

.Meta Tag: Title

name http-equiv attribute content attribute attribute

.Name Attribute- i.

name content attribute developer

ii. keywords

iii.

iv.


16/50

16

robots keyword

.HTTP-EQUIV Attribute -

update attribute 30 dec -

REFRESH ATTRIBUTE: refresh

-

Body Section: HTML - Head SectionBody Section Head section , BodySection

Body SectionBody Section ( ) Optional

(Image, Text, Table, Form, Frame, Paragraph, Heading Etc.) Attribute

Attribute .bgcolor .link

.background .vlink .text .alink


17/50

17

.bgcolor Attribute , [ bgcolor HTML

]

.background Attribute Image

HTML Document Save

.text Attribute Text , Text

.link Attribute , Link

.vlink Already Visit Attribute , Visited Link

.alink Attribute

Link

Body Section

Heading Tag: (.)


18/50

18

Heading , ,,,,,

h1>h2>h3>h4>h5>h6> h1 Heading Figure1.1

Align Attribute

Left AlignmentRight AlignmentCenter AlignmentJustify Alignment

Marquee Heading Scroll ( )

Technology For All

marquee Attribute - behavior=scroll

direction=left[ ]direction=right [ ] scroll amount=2 [ Scroll ]

HTML Is The Basic Of Web Design

Paragraph Tag:

......

Optional align attribute

Here a Paragraph

align=left[ left align ]


19/50

19

align=right [ ] align=center [ , ] align=justify [ ]

Customize

*
< br>

,

You can use a web page editor like Microsoft FrontPage, AdobeDreamweaver or similar to create web pages. Webpage editor software workslike Microsoft Word (a complicated editor program used for creating andediting pages of books, letters etc.)

Second option is to learn html codes and write html pages in a simpletext editor. As mention eerier, your codes will be seen as WebPages when

viewed in a web browser.

You can use a web page editor like Microsoft FrontPage, AdobeDreamweaver or similar to create web pages. Webpage editor software workslike Microsoft Word (a complicated editor program used for creating andediting pages of books, letters etc.)
Second option is to learn html codesand write html pages in a simple text editor. As mention eerier, your codes willbe seen as WebPages when viewed in a web browser.

(&nbsp) HTML , (Enter Key),

&nbsp &nbsp ,


20/50

20

Java script is an &nbsp&nbsp&nbsp interpreted object orientedpromramming.

. &nbsp

, (Enter Key),

Hyper Text MarkupLanguage

Output: Hyper Text MarkupLanguage

,

, title attribute

HTML is an acronym forH yper Text M arkup Language. H TML documents , the foundation of allcontent appearing on the World Wide Web (WWW) , consist of twoessential parts: information content and a set of instructions that tells acomputer how to display that content. The computer application. Thattranslates this description is called a Web browser .

Output:


21/50

21

HTML is the basic markup language for webpage.It is created by Tim Berners Lee.It is controlled by < acronymtitle=World Wide Web Connection>W3C

Output:


22/50

22

Attribute *align:

align=center[ ] align=leftalign=right

*color: *noshade: , *size: *width:

**** i.Some Text Here


23/50

23

ii. Some Text Hereiii.Some Text Here

* i. Some Text Hereii.Emphasized Textiii. Some Text Here

* Some Text Here

* + + Some Text Here

* 1. .. [ ]2... [ ] 3.Definition[ ]4.Sample Computer Code Text5.keyboard6.Variable7.. [ Programming code ]8.Program Sample Output9. 10.Text Font 11. Text Font 12. < >13.Text 14.:H2O[Output:HO]15.a2+b2[Output(a+b)]

. color, face size Attribute


24/50

24

i.Color Some Text Here

ii.Face

Some Text Here

iii.Size + -

Web development[ ]Web development [ ]

(HTML Entities): HTML (&,,< >)

(,,, , ) Entity Code Entity Code - Entity Code -

μ ;

Entity Code

" #quot;

< < > >& & &


25/50

25

Entity Code


26/50

26

Image ----

, src Image Location

Image Folder web.jpg Image HTML


27/50

27

....width height

width height

.Align align Attribute

align Attribute

*align=top[ ]*align=middle [ ] *align=bottom [ ]

......................................................................................................... *align=center[ ]*align=left [ ] *align=right [ ]

.Border


28/50

28

.hspace vspace

hspace vspace

Use of hspace and vspace Attribute

.Alt

, alt attribute

.gif .jpg .png .tift .XBM .BMP .jpeg

.

href, title,target attribute -

.href (URL)

Facebook

Facebook , www.facebook.com


29/50

29

.Title title attribute

Tutorial Tutorial A PlatformOf Web Design Tutorial

.Target Open Window Open target

Facebook Window Open Facebook Open

HTML .< / li> Optional HTML

.Ordered List: Serial Number Ordered List Ordered List . typeattribute Serial Number


30/50

30

Output:HTML 1.HTMLCSS 2.CSSJAVA 3.JAVAPHP 4.JAVA

Type=A[A,B,C ]Type=a [a,b,c ] Type=I[I,II,III.. ]Type=i[I,ii,iii ]Type=1[1,2,3.. ; ] Type=3 [3,4,5, ] Type=C[C,D,E, ]

.Unordered List: Serial Number , Symbol

Unordered List Type Attribute Symbol Output:Web Design Web DesignTutorial TutorialInternet InternetType Circle( ),Square( )

. .

.. [ row ] .. [ ] .. [ ]

.. [ ]


31/50

31

.. [ ]

Optional

TableStudent Information

NameRoll No.Phon No.Faruk 091800401724249036Himu091822401923445168


32/50

32

- align, width, border,

cellspacing, cellpadding bgcolor

.align align

.width width

-

.[

%]

. [ ]


33/50

33

.Border border (

) border

.Cellspacing Cellspacing

cellspacing

.Cellpadding

align caption

caption

- bgcolor, align

valign

bgcolor:

align: ;X=left(Default),right,center.


34/50

34

valign: ;X=top, middle(Default), bottom

. align, width, height,valign, bgcolor, nowrap, rowspan, clospan.align valign align=justify valign=baseline

bgcolor, width height-

nowrap nowrap

rowspan

rowspan rowspan

colspan colspan rowspan colspan

colspan


35/50

35

HTML ( , , , ) HTMLForm .

Text Field, Password Field, Radio button, Check Box, Dropdown List, TextArea, Button, Submit Button

method, action enctype

.Method Method Method - 1.Get Method ()2.Post Method ()

URL Get Method Address http://www.sitename.com/login.php?/username=faruk &password=1254893/

Post Method

.Action Action

.Enctype Get Method Post Methot Enctype


36/50

36

.Text Field ( ) Type=text Username:

*Type=text[ ] *Size=20 [ ] *maxlength=15 [ ] *value=Your Name Here [ ,

]

.Password Field Password Field Type=password

Password:

.

What is your favorite LANGUAGE?C
C++
Java
Php


37/50

37

.Radio Button Radio Button

What is your favorite LANGUAGE?C
C++
Java
Php

.

Login Press

.

. . -

Select Category
InternetComputer web Design Software


38/50

38

.Text Area Text Area

Comment

rows cols Textarea Size

.Button Button

HTML ---- RED-GREEN-BLUE(RGB) HTML-

RRGGBB- RR=Red;GG=Green;BB=Blue.

A F

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 150 1 2 3 4 5 6 7 8 9 A B C D E F

------------------ Background, Font & Tabel -


39/50

39

.Background - Background bgcolor

< body >

FF( ) 0 (hex 00) 255 (hex FF)

Combination


40/50

40


41/50

41


42/50

42


43/50

43

.

. i.[ ]ii. [ ] iii. [ ]


44/50

44

HTML ,

,

Source Code ,

DoctypeDeclaration HTML

, HTML , W3C ? Doctype Declaration

title - title

Paragraph Here


45/50

45


46/50

46

HTML 5 , http://www.veign.com


47/50

47

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


48/50

48

http://www.landofcode.com/ http://www.domedia.org http://www.java 2s.com/ http://htmldog.com/ http://www.quackit.com/ http://dev.w 3.org/ http://blog.whatwg.org/ http://diveintohtml 5.org/ http://html 5doctor.com/ http://html 5gallery.com/

HTML ,

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


49/50

49


50/50

HTML Bangla eBook Byfaruk

Documents

Transcript of HTML Bangla eBook Byfaruk