unit ii html
TRANSCRIPT
![Page 1: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/1.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 1/50
UNITII-HTML
![Page 2: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/2.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 2/50
• HTMLstandsforHypertextmarkuplanguage.
• Cameintoexistencein1989byTimBernersLee
• HTMLhelpsinlinkingseveralrelatedinformationalreadystoredinacomputerwhichcanbeaccessedanywhereintheworld.
• Includestext,picturesandlinkstootherrelateddocuments.
• Allowsusertopublishinformationforglobaldistributionthroughwww.
• Non-casesensitivelanguage.
INTRODUCTION
![Page 3: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/3.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 3/50
TOOLSREQUIRED
• Atexteditor-toedittext(egnotepad)
• Awebbrowser-todisplaythedocument(eginternetexplorer)
• Agraphicstool-togetpicturesinright
format(egadobephotoshop)
• Awebserver-tobeviewed
throughouttheworld.
![Page 4: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/4.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 4/50
STARTINGAHTML
DOCUMENT
• STEP1: opennotepad.startprogramsaccessoriesnotepad
![Page 5: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/5.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 5/50
![Page 6: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/6.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 6/50
• Step2:TypetheHTMLcode.
![Page 7: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/7.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 7/50
![Page 8: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/8.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 8/50
• Step3:savethecodebygivingafile
namewithanextention.HTML
![Page 9: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/9.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 9/50
![Page 10: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/10.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 10/50
![Page 11: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/11.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 11/50
![Page 12: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/12.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 12/50
![Page 13: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/13.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 13/50
• Step4:
ToviewthecreatedHTML
documentopeninternetexplorer.
startallprogramsinternetexplorer.
![Page 14: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/14.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 14/50
![Page 15: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/15.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 15/50
nowI.Ewillbeopened.
• Step5:
toopenthefilethatwehavesavedclickonfileopen.
![Page 16: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/16.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 16/50
![Page 17: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/17.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 17/50
![Page 18: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/18.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 18/50
![Page 19: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/19.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 19/50
• Step6:
Adialogboxwillappears.clickonbrowsebutton.After
locatingfile,clickonopenbutton.Then
clickonok.NowtheHTMLpagewill
bedisplayedonthebrowser.
![Page 20: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/20.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 20/50
![Page 21: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/21.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 21/50
![Page 22: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/22.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 22/50
MODIFYINGHTMLCODE
• STEP1:TomodifytheHTML
code,selectviewsource,now
notepadwindowwillbeopened.
![Page 23: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/23.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 23/50
![Page 24: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/24.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 24/50
![Page 25: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/25.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 25/50
![Page 26: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/26.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 26/50
![Page 27: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/27.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 27/50
![Page 28: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/28.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 28/50
![Page 29: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/29.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 29/50
TAGS
![Page 30: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/30.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 30/50
TAGS
• Tagsarealsocalledas
markups,instructthebrowserhowto
displayHTMLdocuments.
• Itconsistsofakeywordenclsedwith
inangularbrackets
![Page 31: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/31.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 31/50
• HTMLusestwotypesoftagelements:
1.Emptytag.
2.Containertag.
![Page 32: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/32.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 32/50
EMPTYTAG
• Representstheformattingoptions
suchaslinebreaks,horizontal
ruler,paragraphsettingetc.thesetagshaveonlybeginningtag(starttag).
eg:<br><hr><p>
![Page 33: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/33.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 33/50
CONTAINERTAG
• Containertagshaveasectionoftext.
• Ithasbothstartandendtag.
• Endtagisthesameofstarttagwith
anadditionofforwardslash(/)
• Eg<body>……………</body>
![Page 34: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/34.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 34/50
ATTRIBUTES
• Additionalinformationgiventoatag.
• Usedforspecificpurposeonly.
• Addedonlytostarttagsandnotto
endtags
• Notenclosedinangularbrackets.
STRUCTURE OF HTML
![Page 35: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/35.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 35/50
STRUCTUREOFHTML
DOCUMENT
• HTMLdocumenthastwosections
i)Headsection
ii)Bodysection
![Page 36: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/36.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 36/50
<html>
<head>
<title>…………..<title>
</head>
<body>
</body>
</html>
HEADSECTION
BODY
SECTION
![Page 37: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/37.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 37/50
HTMLTAGS
• ThefirstandlasttagsofaHTML
documentshouldalwaysbe
• <html>…………..</html>
• Whichtellsthatawebbrowserabout
thebeginningandendingofahtml
document.
![Page 38: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/38.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 38/50
NESTINGTABS
• Enclosingatagwithinanothertagis
calledNestingtags
• <html>
<head>
<title>WEBDEMO</title> </head>
</html>
![Page 39: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/39.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 39/50
COMMENTTAGS
• Addedforthebenefitofthewriter
• Helpstounderstandthedocument
• Alsousedtospecifytheauthor’s
name,copyrightmessagesetc.
• Canincludedanywhereintheprogram
• <! – -and-->tags
![Page 40: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/40.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 40/50
![Page 41: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/41.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 41/50
![Page 42: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/42.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 42/50
FONT
• The<font>tagisusedtospecifythe
fontstyle,sizecolorfora
character,phraseorarangeoftext
• <font>………………..</font>
![Page 43: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/43.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 43/50
ATTRIBUTESOFFONT
• Face
• Size
• color
![Page 44: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/44.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 44/50
FACE
• Fontstylescanbechangedusingthis
attribute.
• Ithasavaluewhichisafont
name,enclosedwithindoublequotes.
• <fontface=“arial”>WEBDEMO
</font>
![Page 45: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/45.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 45/50
SIZE
• Enclosedwithinthefonttagthat
indicatessizeinwhichthefonthasto
bedisplayed.
• Thevalueofsizeattributesare1to
7,where3isthedefaultsize.
• <fontface=“arial”size=“5”>WEB
DEMO</font>
![Page 46: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/46.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 46/50
COLOR
• Usedforchangingthecolorofthe
text.
• ValueiseithercolornameorRGB
code
• RGBstandsforred,green&blue.
• Asixdigithexadecimalnumber
representsthesecomponents.
![Page 47: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/47.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 47/50
• FFFFFFisthenumberwhich
representswhite.• FF0000isred
• 00FF00isgreen
• 0000FFisblue
• <fontface=“arial”size=“5”
color=“blue”>WEBDEMO</font>
![Page 48: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/48.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 48/50
![Page 49: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/49.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 49/50
![Page 50: Unit II HTML](https://reader034.vdocuments.site/reader034/viewer/2022050813/577d235e1a28ab4e1e999cc4/html5/thumbnails/50.jpg)
8/3/2019 Unit II HTML
http://slidepdf.com/reader/full/unit-ii-html 50/50
THANK YOU