You are on page 1of 2

JavaTPointDotCom

HTMLTutorial
1.HTMLstandsforHyperTextMarkupLanguage.
2.HTMLisusedtocreatewebpages.
3.HTMLiswidelyusedlanguageontheweb.
4.WecancreatestaticwebsitebyHTMLonly.
WhatisHTML
HTMLisanacronymwhichstandsforHyperTextMarkupLanguage.
HyperText: HyperTextsimplymeans"TextwithinText".Atexthasalinkwithinit,isahypertext.Everytime
whenyouclickonawordwhichbringsyoutoanewwebpage,youhaveclickedonahypertext.
Markuplanguage:Amarkuplanguageisaprogramminglanguagethatisusedmaketextmoreinteractiveanddynamic.
Itcanturnatextintoimages,tables,linksetc.AnHTMLdocumentismadeofmanyHTMLtagsandeachHTMLtag
containsdifferentcontent.
SimpleExampleOfHTML
<!DOCTYPEhtml>
<html>
<body>
<h1>WriteYourFirstHeading.</h1>
<p>WriteYourFirstParagraph.</p>
</body>
</html>
DescriptionofHTMLexample
DOCTYPE:Itdefinesthedocumenttype.
html:Textbetweenhtmltagdescribesthewebdocument.
body:Textbetweenbodytagdescribesthebodycontentofthepagethatisvisibletotheenduser.
h1:Textbetweenh1tagdescribestheheadingofthewebpage.
p:Textbetweenptagdescribestheparagraphofthewebpage.
BriefHistoryofHTML
In the late 1980's , A physicist, Tim BernersLee who was a contractor at CERN, proposed a system for CERN
researchers.In1989,hewroteamemoproposinganinternetbasedhypertextsystem.
TimBernersLee isknownas fatherofHTML.ThefirstavailabledescriptionofHTMLwasadocumentcalled"HTML
Tags"proposedbyTiminlate1991.
FeaturesofHTML
1.Itisaveryeasyandsimplelanguage.Itcanbeeasilyunderstoodandmodified.
2.ItisveryeasytomakeeffectivepresentationwithHTMLbecauseithasalotofformattingtags.
3.Itisamarkuplanguagesoitprovidesaflexiblewaytodesignwebpagesalongwiththetext.
4.Itfacilitatesprogrammerstoadd link onthewebpages(by htmlanchortag),soitenhancestheinterestof
browsingoftheuser.
5.ItisplatformindependentbecauseitcanbedisplayedonanyplatformlikeWindows,LinuxandMacintoshetc.
6.ItfacilitatestheprogrammertoaddGraphics,Videos,andSoundtothewebpageswhichmakesitmoreattractive
andinteractive.
HTMLTags
HTMLtagscontainthreemainparts:openingtag,contentandclosingtag.ButsomeHTMLtagsareunclosedtags.
WhenawebbrowserreadsanHTMLdocument,browserreadsitfromtoptobottomandlefttoright.HTMLtagsare
usedtocreateHTMLdocumentsandrendertheirproperties.EachHTMLtagshavedifferentproperties.
Syntax
<tag>content</tag>
Note:HTMLTagsarealwayswritteninlowercaseletters.
ThebasicHTMLtagsaregivenbelow:
<p>ParagraphTag</p>
<h2>HeadingTag</h2>
<b>BoldTag</b>
<i>ItalicTag</i>
<u>UnderlineTag</u>
UnclosedHTMLTags
SomeHTMLtagsarenotclosed,forexamplebrandhr.
<br>Tag:brstandsforbreakline,itbreaksthelineofthecode.
<hr>Tag:hrstandsforHorizontalRule.Thistagisusedtoputalineacrossthewebpage.
HTMLMetaTags
DOCTYPE,title,link,metaandstyle
HTMLTextTags
<p>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<strong>,<em>,<abbr>,<acronym>,<address>,<bdo>,<blockquote>,<cite>,
<q>,<code>,<ins>,<del>,<dfn>,<kbd>,<pre>,<samp>,<var>and<br>
HTMLLinkTags
<a>and<base>
HTMLImageandObjectTags
<img>,<area>,<map>,<param>and<object>
HTMLListTags
<ul>,<ol>,<li>,<dl>,<dt>and<dd>
HTMLTableTags
table,tr,td,th,tbody,thead,tfoot,col,colgroupandcaption
HTMLFormTags
form,input,textarea,select,option,optgroup,button,label,fieldsetandlegend
HTMLScriptingTags
scriptandnoscript

You might also like