0% found this document useful (0 votes)
16 views13 pages

HTML

This document provides a complete introduction to HTML (HyperText Markup Language), covering basic concepts such as HTML structure, tags, elements, attributes, headings, paragraphs, links, images, tables, forms, and lists. It explains how to create simple web pages with easy-to-understand examples and diagrams. Useful for students and beginners who want to learn web development fundamentals.

Uploaded by

rj6196532
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
16 views13 pages

HTML

This document provides a complete introduction to HTML (HyperText Markup Language), covering basic concepts such as HTML structure, tags, elements, attributes, headings, paragraphs, links, images, tables, forms, and lists. It explains how to create simple web pages with easy-to-understand examples and diagrams. Useful for students and beginners who want to learn web development fundamentals.

Uploaded by

rj6196532
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

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
“ &#34 &quot
tkrk gSA

bldk mi;ksx
registered trade
mark ds fy, fd;k
® &#174 &reg
tkrk gSA

bldk mi;ksx
copyright mark ds
© &#169 &copy fy, fd;k tkrk gSA

bldk mi;ksx
lessthen mark ds
< &#60 &lt
fy, fd;k tkrk gSA
bldk mi;ksx grater
then mark ds fy,
> &#62 &gt 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>

You might also like