HTML
Hindi Note
Technical Education & Social Welfare Society
Directed By- Mr. MURTI NISHAD
ITI COMPUTER EDUCATION, 9754118593
INTRODUCTION
Webpage cukus ds fy, ;k develop djus ds html language
dk mi;ksx fd;k tkrk gSA html dk full form hyper text
markup language gksrk gS html ,d fo”ks’k code ds collection
gksrs gS tks fd simple text ds lkFk mi;ksx gksrs gSA html Hkk’kk ,d
scripting Hkk’kk gksrk gS tks programming Hkk’kkvksa ls vyx gksrk gS
wabepage dks Hkh html document Hkh dgk tkrk gSA
HTML dks mi;ksx djus ds fy, dqN tags ;k command dk
mi;ksx fd;k tkrk gS ;g tag fuEu nks Ádkj ds gksrs gSA
(i) Paired tags or Container tags
(ii) Singular tags or Empty tags
PAIRED TAGS :- ;g tags ml Ádkj ds tags gksrs gS] tks pair
esa jgrs gSA bl Ádkj ds tags dks [kksyk ;k can fd;k tkrk gS open
tags dks ‘<’ rFkk ‘>’ fpUg ds vanj fy[kk tkrk gS tcfd closing
tag dks ‘</’ rFkk ‘>’ ds vanj fy[kuk gksrk gS open tag ls effects
dk izkjEHk gksrk gS rFkk close tag ls effect cUn gks tkrk gSA bl
tag dks container tag Hkh dgk tkrk gSA
ITI COMPUTER EDUCATION, 9754118593
Singular tags :- singular tag og tags gksrs gS ftls dsoy [kksys
tkrs gS can ugh fd;k tkrk gS bu izdkj ds tags dks empty tags
;k stand-alone tags Hkh dgk tkrk gSA
1. HTML :- bl izdkj ds tag dks lcls igys fy[kk tkrk gS rFkk
lcls vk[kjh es ;k program ds vk[kjh es can fd;k tkrk gS bl
tag ds mi;ksx ls browser dks ;g irk yxkrk gS fd fy[kk x;k
html code gSA
Syntax :-
<HTML>
…………
…………
</HTML>
2. TITLE TAG :- bl tag ds mi;ksx ls ge vius web page dk
title ns ldrs gS rFkk ;g fn[kk ldrs gS fd web page fdl dk;Z
;k fdus cuk;k vkfnA tks text ge bu tags ds e/; fy[ksxs og web
page ds ;k browser window ds title bar eas fn[kk;sxkA
Sentax :-
<TITLE>........................................</TITLE>
ITI COMPUTER EDUCATION, 9754118593
3.BODY TAG :- bl tag dk mi;ksx textual information ds
eq[; body(Hkkx) dk starting rFkk ending dks indicate djrk gSA
tSls fd page dk back ground color, text color, font size
vkfn dks attribute ds #i esa body tag es mi;ksx fd;k tkrk gSA
Body tag esa mi;ksx gksus okys attribute fuEu table esa fn;s
x;s gS :-
BGCOLOR bl attribute ls document ;k web page
dk back ground color cny ldrs gS tSls
yky, gjk vkfnA
BACKGROUND bl attribute ls ge dksbZ Hkh picture file
ftldk extension “.git” gksrk gS mls back
ground ds #i es mi;ksx fd;k tk ldrk
gSA
TEXT bl attribute ls ge webpage dk body
text color cnyk tk ldrk gSA
Syntax :-
<body>
……….
</body>
ITI COMPUTER EDUCATION, 9754118593
4. ‘P’ tag :- bl tag dk mi;ksx nks blank line ([kkyh line)
fn[kkus ds fy;s fd;k tkrk gS
Syntax :-
<p>……………………………..……..</p>
5. ‘BR’ TAG :- bl tag dk mi;lsx u;s line ij tkus ds fy;s
fd;k tkrk gSA
Syntax :-
<br> …………………………………...</br>
6. HEADING STYLE :- HTML es heading style set djus
ds fy;s H1 ls H6 tag dk mi;ksx fd;k tkrk gS lcls cMk
heading format ds fy;s ‘H1’ tag dk rFkk lcls NksVs heading
format ds fy;s ‘H6’ tag dk mi;lsx fd;k tkrk gSA
Syntax :-
<H1>………………….</H2>
<H2>………………….</H2>
<H3>………………….</H3>
<H4>………………….</H4>
<H5>………………….</H5>
<H6>………………….</H6>
ITI COMPUTER EDUCATION, 9754118593
7. ‘B’ TAG :- bl izdkj ds tag }kjk text dks bold style ds #i
es set fd;k tkrk gS B dk eryc Bold gksrk gSA
Syntax :-
<B>………,……………………….</B>
8. ‘U’ TAG :- U dk vFkZ Underline gksrk gS bl tag ds }kjk
text dks underline fd;k tkrk gSA
Syntax :-
<U>………………………..……….</U>
9. ‘I’ TAG :- I ds eryc Italic gksrk gS bl tag ds }kjk text dks
italic #i es set fd;k tk ldrk gSA
Syntax :-
<I>……………………..…………</I>
10.CENTER TAG :- ;g tag og lkjs fp=ksa dks center esa set
djrk gS tks bu tag ds vanj fy[kk tkrk gS tSls fd text] lists]
image] tables vkfnA
Syntax :-
<center>……………………………..</center>
11. SMALL TAG :- ;g tag text dks ;k fy[ks x;s text dks NksVs
font (small font) esa cny nsrk gSA
ITI COMPUTER EDUCATION, 9754118593
Sysntax :-
<small>…………………..……..</small>
12. BIG TAG :- bl tag dk mi;ksx djus ij fy[sk x;s text ds
font dh size bold fd;s x;s text ls FkksM+k cM+k gksrk gSA
Syntax :-
<big>……………………….……..</big>
13. SUP TAG :- bl tag }kjk ge text dks superscript ds :i
esa fy[k ldrs gS tSls dh fuEu esa fn;k x;k mnk-
X2 Superscript form gksrk gS
14. SUB TAG :- bl tag dk eryc sub script gksrk gS] bl
tag dk mi;ksx ge text dks subscript ds :i es fy[k ldrs gS
tSls fd fuEu esa fn;k x;k mnk-
H
2O subscript form gksrk gSA
Syntex :-
<sub>…………………….………..</sub>
ITI COMPUTER EDUCATION, 9754118593
15. STRIKE TAG :- bl tag dk mi;ksx ij text ds Åij cu
tkrk gS] ;k vU; “kCnks esa text dks line }kjk dkVk tk ldrk gS mnk-
ds fy,
Syntax :-
<strike>…………………..………..</strike>
16. FONT TAG :- bl tag dk mi;ksx dj ge text dk font]
size rFkk color vkfn set ;k change fd;k tk ldrk gS] bl tag
ds lkFk mi;ksx gksus okys attributes fuEu esa fn;s x;s gSA
TAG ATTRIBUTE FUNCTION
<FONT> i) blds }kjk text dh size set fd;k tkrk
……… gSA
……….
……….. SIZE= “ ”
ii) text dh size 1 ls 7 ds e/; set fd;k
………..
tk ldrk gS default size 3 jgrk gSA
………...
………..
………… bl attribute ds }kjk ge text dk color
COLOR= “ ” cny ldrs gSA
…………
…………
……….. bl attribute ds }kjk ge text dk font
………… FACE= “ ” style cny ldrs gSA
<FONT>
ITI COMPUTER EDUCATION, 9754118593
17. SPECIAL CHARACTERS :-
CHARACTER NUMERIC CODE CODE NAME PARTICULARS
bldk mi;ksx
double quote
mark ds fy, fd;k
“ " "
tkrk gSA
bldk mi;ksx
registered trade
mark ds fy, fd;k
® ® ®
tkrk gSA
bldk mi;ksx
copyright mark ds
© © © fy, fd;k tkrk gSA
bldk mi;ksx
lessthen mark ds
< < <
fy, fd;k tkrk gSA
bldk mi;ksx grater
then mark ds fy,
> > > fd;k tkrk gSA
Åij ds table esa fn;s x;s tkudkjh dqN fo”ks’k fpUg fn[kkus ;k set
djus ds fy, mi;ksx fd;k tkrk gSA
ITI COMPUTER EDUCATION, 9754118593
18. IMG TAG :- bl tag dk mi;ksx djus ij brouwser dks ;s
irk pyrk gS fd image file web page ij load djuk gS ;k vU;
“kCn esa ;g tag brouwser dks image file load djus
instruction nsrk gS bl tag dks close ugh fd;k tkrk gSA
SRC :- SRC dk full form image source gksrk gS] ;g ,d
cgqr fo”ks’k attribute gksrk gS bl attribute ls load gksus okys
graphic file dk uke rFkk location browser dks irk pyrk gSA
Syntax :-
<img src=”path ;k location image dk”>
19. UNORDERED LIST (UL) :- bl tag dk ÁkjaHk <UL>
tag }kjk gksrk gSA blesa mi;ksx gksus okys list <li> tag }kjk gksrk gS
bldk fuEu attribute gksrk gS&
blds }kjk bullet solid round black esa
TYPE=DISC
set gks tkrk gS
TYPE=FILLROUND ;g Hkh disc ds tSlk dk;Z djrk gSA
blds }kjk bullet solid square bullet esa
TYPE=SQUARE
set gks tkrk gSA
blds }kjk bullet block round white ds
TYPE=CIRCLE
style esa set gks tkrk gSA
ITI COMPUTER EDUCATION, 9754118593
Exp.
<UL>
<LI TYPE= “CIRCLE”> CIRCLE
<LI TYPE= “SQUARE”> SQUARE
<LI TYPE= “DISC”> DISC
<LI TYPE= “FILLROUND”> ROUND
</UL>
OUTPUT :-
° Circle
■ Suare
● Disc
• Round
20. ORDERD LIST (OL) :- bl tag dk ÁkjaHk <OL> tag }kjk
gksrk gS rFkk can </OL> }kjk gksrk gS ÁR;sd list item dh ÁkjaHk
<LI> tag }kjk gksrk gSA <LI> tag ds fuEu attributes gksrs gSA
ITI COMPUTER EDUCATION, 9754118593
TYPE bldk mi;ksx numeric scheme dks control djus ds fy, fd;k
tkrk gSA
Type= “1” ;g (1,2,3------) format esa fn[kk;sxkA
Type= “A” ;g (A,B,C------) format esa fn[kk;sxkA
Type= “a” ;g (a,b,c------) format esa fn[kk;sxkA
Type= “I” ;g Uppercase Roman Number(I,II,….)
format esa fn[kk;sxkA
Type= “I” ;g Lowercase Roman Number(i,ii,….)
format esa fn[kk;sxkA
START Numbering sequence dks alter bl attribute ds lkFk fd;k
tk ldrk gSA
VALU numbering sequence dks cnyk tk ldrk gS] fdlh Hkh
ordered list ds e/; esa A
21. FRAME SET TAG :- bl tag ds }kjk browser ds screen
dks frames esa split fd;k tk ldrk gSA bl tag dks nks attribute
fd vko”;drk gksrk gS ]tks ;g r; djrk gS fd screen dks rows ;k
colomns esa split djuk gSA
ITI COMPUTER EDUCATION, 9754118593
bl attribute dk mi;ksx screen dks cgqr lkjs
row esa cnyus ds fy, ;k browser ds screen
ROWS dks ,d ls vf/kd esa rowwise frames esa cnyus ds
fy, fd;k tkrk gSA
bl attribute dk mi;ksx screen dks cgqr lkjs
COLUMNS colomn cnyus ds fy, ;k browser ds screen
dks ,d ls vf/kd esa rowwise frames esa cnyus ds
fy, fd;k tkrk gSA
22. LINKS :- bl tag ds }kjk ge ,d page dks nqljs page ds
lkFk connect ;k link djus ds fy, mi;ksx fd;k tkrk gS] bl tag
dk ÁkjaHk <A> rFkk can </A> tag ds }kjk fd;k tkrk gSA
23. BLOCKQOUTE :- bl tag ds }kjk webpage ds left side
ls margin NksM+ dj fy[kus ds fy, fd;k tkrk gSA
Syntax:-
<blockqoute>………………</blockqoute>
24. MARQUEE :- bl tag ds }kjk webpage ds right ls left
esa fdlh matter dks show djkrs gSA
Syntax:-
<marquee>……………………</marquee>